Design comparison
SolutionDesign
Community feedback
- @Shivraj-K09Posted over 1 year ago
Great job on your solution! Just a couple of suggestions to further improve your code.
- Firstly, consider using
flex
to center the container. This is a powerful and widely used feature in CSS that is especially helpful for centering elements both vertically and horizontally. - Additionally, you may find it useful to learn about
grid
, which is another popular layout tool in CSS. - There are many online resources available, and I would recommend checking out YouTuber Kevin Powell, who is a great instructor for CSS.
- Secondly, using semantic HTML will make your code more readable and accessible to both humans and search engines.
- It's good practice to use tags that convey the meaning and structure of the content, such as
header
,nav
,main
,section
, andfooter
. Keep up the good work, and Happy Coding🫡!
0 - Firstly, consider using
- @sirajsharmaPosted over 1 year ago
- Try to use semantic HTML. You can click here for more detail on this.
- Try using relative (em, rem, etc) units wherever possible. You can check this video: https://youtu.be/N5wpD9Ov_To
- You can use media queries to make your page responsive. Here is a great free course about responsive layouts: https://courses.kevinpowell.co/conquering-responsive-layouts. Although, you're doing great.
0
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