A Product Card Using HTML, CSS and Bootstrap

Community feedback

• 

  Mahmoud•150

  @MamoutyPosted almost 2 years ago

  To change the color of the background you can simply select the body element to modify its CSS properties:

  body {
    margin: 0;
   background-color: rgb(242, 235, 227);
  }
  

  Now setting the margin to 0 will remove the default margin.

  The image of this challenge should change at a certain break point. To do so, you have to use the picture element which I link down below:

  Using the picture tag for responsive designs

  The card should change shape according to the design. You'll have to work more on the Bootstrap grid or use directly the CSS grid. You can learn more about this last one following the link down below:

  CSS Grid

  Marked as helpful

  0

  ---

  

  Paafio•10

  @emmanuelBoyeteyPosted over 1 year ago

  @Mamouty Thank you🙏

  1