Responsive product-preview

Community feedback

• 

  P

  Kiara523•100

  @Kiara523Posted 5 days ago

  Very nice looking solution...

  You could implement it using BEM naming convention, its a way of naming classes that helps with organization, readability and reusable component (https://www.geeksforgeeks.org/understanding-the-css-bem-convention/ this is just a link to an article, but there are plenty out there)

  Also..It is good to have general reset at the beginning of the css style sheet like setting margin and padding that comes with the browser default to zero (*(this selects all) { margin:0; padding:0; box-sizing:border-box}), another very useful one is to reset the img (img { diplay:block;}) this will help with the white space showing below the img that is because it is an inline element.

  Marked as helpful

  0