Responsive Product Preview Card using HTML And Css

Community feedback

• 

  Suleman•750

  @legion40216Posted over 1 year ago

  Bro good work some suggestions

  First you should start with the layout you can either use grid or flex to accomplish this you need two equal columns and add max-width for responsiveness also remove height

  Avoid using height unless you have to instead use padding of the content to size according to your liking

  .cardContainer {
  max-width: 40rem;
  border-radius: 20px;
  background-color: hsl(0, 0%, 100%);
  display: grid;
  grid-template-columns: 1fr 1fr;
  }
  

  now we remove widht and height from .RightSide and LeftSide

  .RightSide {
  padding: 0 30px;
  /* width: 30rem; */
  /* height: 100%; */
  }
  

  Happy Coding...

  Marked as helpful

  0