I noticed when you shrink the width of the window, when it is <500px, the cards display in one column. Then when the width is between 500px and 768px, it is in two columns that get cut off by the edges of the window. Then when it is between 768px and 800px, it is one column again. I believe this is because your media queries at the bottom of your css. The media query for max-width:768px contains this: .gridone{ flex-direction: row; } and the media query for max-width:800px contains this: .gridone{ flex-direction: column; }. I believe this may be causing your problem!
The link to your code isn't working! But comparing the live site to the design, you could add some margins at the top of the page for both the desktop and mobile sites!
Your site looks amazing! Though I don't think the fonts in the style-guide are being used. I see you're using <link> in the html, but you also need to copy the class for the css from under where you got the code for the <link>!
What are you most proud of, and what would you do differently next time?
I really appreciated the design of this page, it allowed me to master some pseudo-classes in particular ::last-child and allowed me to refine my knowledge of html tables
What challenges did you encounter, and how did you overcome them?
the hardest part of this challenge was surely handling the table but I solved it by reading a pdf
What specific areas of your project would you like help with?
I have a strange problem
when I try to use the margin on the li::marker of the ordered list, it doesn't work but on the unordered list it works very well
and I would also like to know how to center the li::marker if the text is on multiple lines
What are you most proud of, and what would you do differently next time?
I'm proud of how close to the design my solution got.
What challenges did you encounter, and how did you overcome them?
I'm struggling with responsive design, I tried to find some solutions that didn't involve media queries but ended up using them anyway.
What specific areas of your project would you like help with?
Links, documentation, or any other suggestions on responsive design, especially with alternatives to media queries, would really help improve my knowledge.