@denielden
Posted
Hi Vasile, good job!
To center the elements on the page try using Flexbox, it can help you better: give the flexbox and height
properties to the body
and remove margin
from the main
tag.
Read the guide -> Flexbox
Note: Flexbox aligns to the size of the parent container.
You can use the vh
measurement for the height... Viewport Height handles the sizing of an element in relation to the height of the browser window.
Tip of graphic design:
With font-family:" Big Shoulders Display ", cursive
the browser will use the Comics Sans font when it doesn't find the first font indicated (you can seen during loading) ... for the designer it's a really awful font!
I would rather replace it with a font-family:" Big Shoulders Display ", sans-serif
much more similar to the primary font.
Hope this help ;) And keep it up!
Marked as helpful