Product Review Cart

Community feedback

• 

  Charles Galangera•90

  @galangeracharles17Posted over 2 years ago

  Hello this is Charles and I saw your post on facebook btw your work here is good.

  My approach to your first problem is by using rem that is related to the root of your html file, also by changing px wide screen you have to make some changes regarding to your font size by adjusting it related to the size of your original text size for example at 1400px of wide screen you have a font size of 32px on your h1, by the time you reach the 375px you have to change it like 24px I basically subtract the 8px, so that's some technique I used.

  2nd you have to fully understand the concept of flexbox. The importance of flex direction because it has big impact when it comes to the responsiveness of your pages.

  Also my tips on understanding how width/vw, heights/vh and min-height works.

  Lastly I will give you a proper solution with your current problem at 375px, at your media queries try to change the:

  .card{ width:33% <------ change it to 90% }

  Well then. Goodluck!

  0