@AA1057Submitted 3 months ago
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
P
Francis Matias
@DictionaryFrancisAll comments
- @DictionaryFrancisPosted 3 months ago
Well Done!
Your solution is 99% similar, if compare with the design. Congrats!
And keep doing this way!
0 - @shojebscodeplaySubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
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
@DictionaryFrancisPosted 3 months agoWell 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/
0 - @EfelipaSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
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.
@DictionaryFrancisPosted 3 months agoWell 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.
Marked as helpful0 - @Eyad-Ashraf-2008Submitted 5 months ago@DictionaryFrancisPosted 4 months ago
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.
0
