Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Product preview card with HTML, CSS and Flexbox

adel1ola 50

@adel1ola

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@gustavo2023

Posted

Hi! Congratulations on completing this challenge

Here are a couple of suggestions you could take:

  • Try to minimize the use of heavy selectors and consider using shorthand properties where applicable. Try to give a class directly to any element you want to style.
  • Ensure consistent indentation and formatting for better readability. This will help in maintainability and readability of your code, which in return will make it easier to work with and improve in the future.
  • You should use a modern CSS Reset at the start of the project. This will help in having a consistent base for styling. I have been using this one Modern CSS Reset.

Keep up the good work!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord