that i was able to complete the chalenge
What challenges did you encounter, and how did you overcome them?making the grid and putting the quote I also did more research on how to use grid
What specific areas of your project would you like help with?adding more breaking points for projects with grids
Hi Elijah, great job on your work!
I have only suggestion to enhance the grid layout and improve readability, consider lowering the line height in both the paragraph and title text to enhance readability and give the content a more cohesive look
Well done!
I have nothing to be proud of for now . maybe next I want to try by making a mobile design first.
What challenges did you encounter, and how did you overcome them?I was having trouble with the layouting part of the card using the grid, and finally I was able to solve it by using grid-template-areas.
I would like to know more about the effective use of the grid.
Hey Maulid!
I love how you figured out the grid template - that's a great achievement!
Great work with the grid template! Two quick tips to make it even better:
Keep crushing it!
Hi Muriel, great job!
I have a couple of suggestions: consider removing the black border from the "Add to Cart" button and using more semantic HTML elements to improve readability.
I'm not a senior to give you a feedback and I'm still learning but well done!!
I'm not a senior to give you a feedback and I'm still learning but well done!! keep going!
I'm most proud of how I implemented the responsive design using Flexbox. It allowed the layout to adapt beautifully to different screen sizes without the need for complex media queries. Next time, I would like to explore CSS Grid to see how it compares to Flexbox for this type of layout.
What challenges did you encounter, and how did you overcome them?One challenge was ensuring the card remained centered on the page across various screen sizes. I overcame this by using a combination of Flexbox properties on the body element to center the card both horizontally and vertically. Additionally, I faced difficulties with the image scaling properly within the card, which I resolved by setting the image width to 100% and height to auto, along with maintaining aspect ratio using CSS.
What specific areas of your project would you like help with?I would like feedback on the semantic HTML structure and how it can be further improved for accessibility. Specifically, I am interested in knowing if there are better practices for structuring the content within the card. Additionally, any suggestions on optimizing the CSS for better performance and maintainability would be appreciated.
Hi Lucas, I had the same issue with the img card, well done! I Great solution for the card, I need to learn more flexbox and grid!
Turning the attribution into a box which inverts the color of background and text when hovered over, it might be unnecessary but doing something of my own idea feels good.
What challenges did you encounter, and how did you overcome them?Adapting to Git and GitHub's process to add, commit and push was initially challenging but now I'm comfortable with it.
Hey Aashay,
I'm not a senior who can give you feedback, but seniors recommend using semantic HTML. I really like your design, especially the two buttons! Well done! And it's fully responsive too!
