Notice that the violet area is smaller in the sample project than what I was able to do in my own work. How is this done? I have tried commenting out various parts of the CSS in the sample…no change at all.
@wannacode, do not try and replicate the sample projects. They show one way the project can be done.
The instructions say yours should be “functionally similar” and to “give it your own personal style”.
Oh, I get it now. It was the line-height. Funny, that commenting out those lines from the sample code still resulted in no change, I thought the user-agent style sheet defaults, if any, would kick in.
I understand I shouldn’t replicate, but I’m not yet a very creative person. I look at the page and refuse the temptation to right-click and view page source. But I still want to know how something is done so that in the future, if I want to do something similar I’ll be able to do it.