Design comparison
Solution retrospective
I am most proud of overcoming the challenges of spatial design having the work with different sizing and spacing specs and params with each project. I am also proud of becoming more and more familiar, to the point that I can read my code and others code for these projects with ease.
What challenges did you encounter, and how did you overcome them?Much time was spent learning and figuring out the styling for the and
elements as well as the `` being this is my first time having to work with elements in depth. I figured it out through google searches and testing out the different properties for myself.
If there is anything that can be changed in the CSS to make it more streamline. I'm still trying to figure out ways of tweaking the spatial design without having to mess with each individual element's padding:
and margin:
properties.
Community feedback
- @Zub04ekPosted 4 months ago
Hi, @dquinn089, you have such a nice structured and readable code and also such a detailed description of your process by doing this task 👍
I saw that you have already used flex to position elements on the page. Also you can use flex for small elements like lists and then you have the option to use the flex gap property which can separate the li elements evenly without using margin.
Speaking of lists, for numeric lists you can use a separate tag called ordered list or
<ol>
, so you don't need to rewrite the list-style-type.I didn't see any problems in the rest of your project, you did a great job!
Marked as helpful0
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