Interactive-Rating-Component using Flexbox and JavaScript

Community feedback

• 

  Mir Mubashshir•90

  @mmubashshirPosted over 1 year ago

  Hi, Pretty could job nailing the design.

  Margin of 3rem which does give a margin till my width of the screen is 420px, which is pretty much the size of mobile phones.

  If you want to target lower screen sizes use media queries and decrease the width of your first container

  @media only screen and (min-width: 750px) and (max-width: 1200px){
  // styles when screen between 750 and 1200px
  .card{
  // styling
  }
  }
  

  @media only screen and (max-width: 750px) {
  // style below 750px
  .card {
  // styling
  }
  } 
  

  0