i learnt responsiveness
What challenges did you encounter, and how did you overcome them?i suffered a bit with responsiveness but hey I conquered them
What specific areas of your project would you like help with?none
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>!
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
Your site looks great! I like how you used the :last-child pseudo-class and the way you organized your code with comments made it easy to parse!
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.
..
What challenges did you encounter, and how did you overcome them?..
What specific areas of your project would you like help with?..
This looks amazing I have nothing to add. I feel like I could learn a lot just looking at your code!
N/A
What challenges did you encounter, and how did you overcome them?N/A
What specific areas of your project would you like help with?N/A
If you want to have less properties, instead of making .container_img, .container_h1, or .container_p, you could just do
.container img {
border-radius: 0.625rem;
margin-bottom: 1rem;
}
or even just img since there is only one picture.
Hope this is helpful!