This was my first project leveraging CSS Grid for a responsive layout.
What challenges did you encounter, and how did you overcome them?Mostly just learning CSS Grid concepts and how to effectively use them.
What specific areas of your project would you like help with?Ensuring HTML and CSS markup adheres to modern best practices and coding conventions.
Very nice!
I am proud of utilized CSS variables to define colors, spacing, border-radius, and typography. This improves code maintainability and reusability by avoiding hardcoded values and ensuring consistency across styles. I'll try to learn more about naming convention in HTML next time.
What challenges did you encounter, and how did you overcome them?One challenge I encounter was adjusting the color of list item bullets. I researched online and found that ::marker could help with this, so I learned from the MDN documentation.
What specific areas of your project would you like help with?I'd like feedback on whether my use of HTML semantics and CSS structure is appropriate. I'm open to any suggestions for improving my code.
The differences between Design & Solution are tiny, well done. At some point, I wasn't too sure which version I preferred :)
Your paddings are generally too big & the main container too narrow. Try to improve on both of these and you should get a lot closer to the solution
I'm proud of my skills to do any thing if it take years.
What challenges did you encounter, and how did you overcome them?In the grid, I got challenges of arranging the card and I remember about grid-row and overcome it in my first try.
What specific areas of your project would you like help with?NO! everything is okay. If i have to take help help me with grid .
Fine tuning the drop shadows would definitely give it a lighter feel & you probably could improve the typography.
Excellent!
I was able to make the page responsive by avoiding using pixels to set widths and margins, etc. I had a little bit of difficulty with getting the mobile page setup working. Next time I will try to plan a little better and anticipate what the other screen sizes will need.
What challenges did you encounter, and how did you overcome them?I had some difficulty with styling the lists. Specifically the space between the markers and the text. Research and experimentation eventually gave me the answers.
What specific areas of your project would you like help with?Think I'm getting the hang of it, but would appreciate any constructive criticism.
The width of your main container seems way too narrow, aside from that, your design is fairly accurate. It looks like a responsive issue as if your desktop version was using the mobile width, just a guess...
