Mostly struggle with connecting the JSON data to dynamically populate the content.
What specific areas of your project would you like help with?I am open to all kinds of feedback. If there are things I could improve, I would love to hear them, Thank you.
Your project solution is amazing but you forgot to add box-shadow to the card.
Please check the background color of both the card and body, they are not supposed to be the same.
I'm most proud of the loyalty to the design and my use of flex columns and rows, as well as floats.
Although, I found a mobile-first approach difficult as the design is quite different for desktop.
I wonder if Grid would've been a better structural approach. This took me longer than I expected it to. I might've inadvertently chosen the finicky approach.
What challenges did you encounter, and how did you overcome them?I encountered a lot of structural challenges, using flex columns/rows in tandem as well as floats in the desktop design.
I learnt about 'art direction' in responsive images for the first time.
What specific areas of your project would you like help with?Has anyone used Grid for this instead? Might it have been faster or granted more control in the desktop version?
Here is the webpage I created using HTML and CSS as a non-major. It took quite a long time, but next time, I'll practice more to improve and finish faster.
What challenges did you encounter, and how did you overcome them?It took quite a bit of time to apply the same styling to the list. I researched and studied using others' solutions and tools like ChatGPT, which helped me complete the task as required.
What specific areas of your project would you like help with?I'm still not very familiar with concepts like display, position, and the box model. I plan to keep working on tasks from the Frontend Mentor site to become more comfortable with them.
this was the fastest i completed a challenge yet
What challenges did you encounter, and how did you overcome them?the text was overflowing due to an error in the css, well i made use of dev tools and corrected the issue
What specific areas of your project would you like help with?none, i'm pretty confident 😁
Please the background-colour of the body is the same as the card
I placed an image in a div but the image takes up the full width but not the full height. 4 pixels of space remain empty. Later, giving a specific height fixed this problem.
