.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
Well Done!
Your solution is 99% similar, if compare with the design. Congrats!
And keep doing this way!
Build by my own
What challenges did you encounter, and how did you overcome them?its little tough but i learn grid in css
What specific areas of your project would you like help with?review my work
Well Done! Another project done!
Keep going this way, fixing small details like margins, gap and padding that are important for the design of the web application, and do not give up in projects that look harder, this one is complicated, use grid, it is not an easy tool.
Many time I like to use this site, when I have some doubts about html and css documentation:
https://devdocs.io/
The page's responsiveness with more than one styles, colors, font, etc.
What challenges did you encounter, and how did you overcome them?An advance use of Grid was an issue, use properties like grid-area helps.
Well Done Erick,
Your solution is similar to the design, congrats!
A tip about box-shadow that I like to use, opacity, for example 'box-shadow: 0px 4px 5px rgb(0 0 0 / 0.2);' This way the shadow get less attention.
Well Done!
The solution includes semantic HTML, and the layout closely resembles the original design! While the shadow effect on the image isn't present in the original layout, it adds a nice touch to the design. However, the discount price should be aligned with the main price. Consider using display: flex to center both elements.