Product-preview-card-component using html and css

Community feedback

• 

  yas•390

  @yosrajalaliPosted over 1 year ago

  Hi Vivek🙋‍♀️ congratulations on successfully completing this challenge🎉.

  Regarding your question: when they say Mobile: 375px it doesn't mean that you have to have a media query for width of 375px, it just means that the width of screenshot that they provide us is 375px.

  any way if you want to optimize your page for mobile devices you should use media query, like this👇

  {
  @media only screen and (max-width: 600px){
  **put your codes that are related to the mobile design here**}
  }
  

  this👆 block of code executes only If the browser window is 600px or smaller.

  you can change 600px to any other width, and also you can add more than one media query base on your design.

  I hope you find this helpful..

  0