Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I am glad that I was able to finish the project in time. I was confused at first, but I did it.
What challenges did you encounter, and how did you overcome them?Using CSS grid for the bottom part that contained the avatar and profile name.
How I overcame? I went back to my previous codes to refresh my memory.
What specific areas of your project would you like help with?I think I will need more explanation on CSS grids
Community feedback
- @dylan-dot-cPosted 14 days ago
Well done completing this challenge! However, there is room for improvements.
- In html there is a rule where all the heading tags must be in numerical order(h1,h2,h3,h4...) in you website. Meaning they must be in order of importance. Each website should have 1 and only 1 h1 element and you should continue down the stairs of headings and not jump over any. So you them wisely and not because a text is a small you use h6 and a text is large you use h1. Important texts should be h1 other titles like chapters or section titles could be other headings. So use them in order and if you need the size to look different just use css to change it.
- you can use
:rootselector to use css variables on your code which will make it look better and easier to change in the future. - for the profile details, i dont think you needed grid as flexbox would be a cleaner solution.
Other than those everything else is good! Here is a link to grid and flexbox
Marked as helpful0@dREY73Posted 14 days ago@dylan-dot-c Thanks for your notes
I will take the corrections to heart
0
Please log in to post a comment
Log in with GitHub
Join 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