Design comparison
Solution retrospective
What I'm most proud of is the fact that I was able to debug my code effectively and learning numerous semantic HTML along the way, I'm excited to see what I would do differently myself next time.
What challenges did you encounter, and how did you overcome them?It was a bit challenging as I was trying to make use of semantic HTML, so trying to get the [] to style properly (across all screen sizes) was one of my challenges in this project coupled with the [::marker] icon in [li] of [ol] - apparently they weren't adjusting to the [list-style-type].
I solved the first one by understanding that there's a [thead] [tbody] and [tfoot] tags in between the table tag and the [tr] tag which was producing a bug as i used the CSS property: grid-template-column. The second I solved my applying the CSS property: list-style-type: decimal, on [ol] directly rather than on [li::marker].
PS: ChatGPT kept on insisting I used the later until I tried using my discretion.
What specific areas of your project would you like help with?I'd like like help with understanding better ways with adjusting the webpages to different screen sizes.
Community feedback
- @ardaacikgozPosted about 2 months ago
Your using different style sheets made me remember components in React.js. I think it is a nice approach to track codes more easily. Your code structure is similar to mine. Great job, keep continue.
1 - @Komans-HubPosted about 2 months ago
Amazing job with this. You're making fantastic progress. I'd like to provide some feedback. First of all, I would recommend you checkout resources on websites like web.dev, freecode camp, web3schools or even stack flow and read through their documentation on responsive designs. Also learn more about using media queries to ensure your design adapts to different screen sizes. Also your codes aren't well structured, your styles should only contain one file. Creating several files for styles makes your code quite complex, non readable and also reduces the risks of errors. Ultimately your project looks good overall, but the html structure could be improved, this in turn will give you more control over the CSS to get closer to the design. Great job once again
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