@IzykGit
Posted
Good work!
When you write HTML you want to make sure that your code is clean and semantic. Writing clean and semantic code won't only improve SEO and structure but in my opinion is makes styling far easier. This comes with using elements like <main>, <section>, and avoiding using divs.
Now using divs is okay but they do not have any semantic value and will hurt SEO if you use them incorrectly. So avoid wrapping important content, like the main content of the page, in a div container.
For CSS you are applying the styles straight in the HTML, this is okay here and there but you want to avoid doing this (unless you are using tailwind). You want to move your CSS into an external CSS page. This will make it far easier for you to write and keep track of the CSS you write.
Flex is a very powerful tool and is basically a must know. However in your code you have a lot of containers and have used flexbox to center everything. A lot of people do this and the overuse of flexbox with divs can lead to cluttered code. So the key to using it lesser is to just do less!
Most of the time a simple text-align
is all you need to center all your text on the page.
I just gave this project another shot and you can do this whole thing without using a single div.