Product preview card component, using bootstrap library and custom css

Community feedback

• 

  Idiagbon Saadu Abdulrahman•350

  @sulyman09Posted almost 2 years ago

  Hello @lilthyonecy what an amazing work being your first project. Let start from simple to complex You made made mention of border-radius right, this is how to fix it firstly, in the 'img-container' which you made use of background url in your style sheet add (border-top-left-radius and border-bottom-left-radius) and set the value in either pixel or percentage.

  secondly, in the 'item-container' also add (border-top-right-radius and border-bottom-right-radius) and set the same value you set to 'img-container' to it

  back to your first question which you made mention of responsiveness, but don't forget that boostrap make use of min-width so to make your work responsive replace this ( col-sm-12 col-md-6) with 'col-lg-6' in 'column1' that is your work will remain the same untill the the screen size exceed middle screen and it then change to column I mean the image will be in column with the text.

  Hope am Helpful, Happy Coding.

  0