@ogulcanyavuz00
Posted
I am new in this stuff, but here we go!
A great looking product. It looks almost identical. Still, you can fix two minor problems about the color property. Try to give your h1 and p elements these values:
- h1 { color: hsl(218, 44%, 22%); }
- p { color: hsl(220, 15%, 55%); } This would make reading easier.
About centering your div, I guess using either flex or grid is the most modern way to apply. as your div.container (or <div class="container">) is inside main, your main works as a flex container so you should work on that. I worked around your code and the method below worked for me.
html { height: 100%; }
body { height: 100%; }
main { height: 100%; display: flex; justify-content: center; align-items: center; }
Marked as helpful