Responsive frontend mentor qr code challenge

Community feedback

• 

  Sebastian•170

  @DebestaPosted over 1 year ago

  Well in this project I think you don't have to make mobile design because it's only one card, but in projects with e. g. 3 cards you can set them up in a columnar arrangement on mobile devices and in a row arrangement on devices with larger monitors. I always make it so that the code at the top is for mobile devices and I don't use @media queries there, then to change, for example, the position of an element on larger monitors I use @media queries, on the Internet you can find optimized breakpoints, first breakpoint is 576px (usually tablets start at this width), if I want to make changes on this breakpoint I just type:

  @media (min-width: 576px){ ................ }

  You will see changes in a given breakpoint after crossing such a screen width as in the argument.

  Marked as helpful

  0

  ---

  

  mountkailash•70

  @mountkailashPosted over 1 year ago

  @Debesta thanks your advice is very useful. Thanks very much again.

  0