
Design comparison
Solution retrospective
this time i can complete easily without any difficult
What challenges did you encounter, and how did you overcome them?this time is N/A
What specific areas of your project would you like help with?any suggestion would be help
Community feedback
- P@kodan96Posted 10 months ago
hi there! 👋
Couple of tips ☝️
HTML: 🦴
-
all content within the
body
tag should be contained by landmarks. these landmarks are the header, main and footer HTML tags. for projects like this use at least a<main>
tag -
all HTML document should have an h1 tag (one and only one)
CSS: 🖌️
-
use
min-height
instead of height on the body when centering your content using Flexbox on the body. applying width to it also not necessary, it takes up 100% of the viewport width by default -
don't use hard-coded values (pixels), use relative units. using pixels makes it more difficult to achieve responsiveness, use rem, em, vw, %, dvh, ch etc. there's a sh*t ton of them, you can learn the basics of them and you are good to go
Hope this was helpful 🙏
Good luck and happy coding! 🙌
Marked as helpful1@ThuReinMinHtunPosted 10 months ago@kodan96 thank you for the feedback and I will try to improve 😁
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