@kamilk0192
Posted
You shouldn't split text into two h1's if u want it to be in two lines instead of it use <br>. The box isn't centered vertically because instead of centering it u just moved it 65 px from top. You should center it using flex and applying justify-content: center; and align-items: center; You probably encountered same problem as me that align-items didnt center it vertically and it's because the body doesnt take actually 100% of site height. I got around that by making main box inside <section> that i scaled height: 100%; I like splitting the box into 3 parts. If u want u can look at my code, i think it's pretty simple and you can see how I did it differently https://kamilk0192.github.io/qr-website-fe-mentor/site.html | https://github.com/kamilk0192/qr-website-fe-mentor.
Marked as helpful
@AllcodIn
Posted
Thank you very much for your comment @kamilk0192 I find elements there which will allow me to optimize my code and I want to tell you that I appreciate your code it is clean and understandable