Design comparison
Solution retrospective
Hello, I'm learning HTML and CSS. I want your advice for my HTML tag usages and CSS properties or anything you find scratchy. If you have time, I kindly request your feedback.
Community feedback
- @hafizanadliPosted about 3 years ago
Great work, it's close to design and responsive enough.
here my suggestions:
- Avoid skipping heading levels: always start from <h1>, followed by <h2> and so on.
- Use semantic HTML (main,section,header,footer etc) instead only using div tag
keep up the good work!
Marked as helpful1 - @FluffyKasPosted about 3 years ago
Hey,
First of all, congrats on your first upload, it's a really good start! But here are a few things you could do:
-
You don't need to give your body element a class as there can only be one of them in each html document.
-
The div you named main could actually be swapped for
main
element to be more semantic. -
Instead of pixels, most of the time it's better to use relative units like em, rem, ch, etc.
-
If you want to improve responsiveness, you could use min-height, max-width, etc instead of setting these things in stone with width and height properties.
-
Filling out your README is a nice way to show you put effort in your work and also to reflect on what you've learned ^^
1 -
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord