Responsive Recipt App

Community feedback

• 

  P

  Odiesta Shandikarona•300

  @OdiestaPosted 3 months ago

  Hi Gyizmark, Congratulation by completing the challenge. I noticed that the content looks too big in big screen. i want to give way to fix it.

  1. Set the image width to 100% and display block to make it adjust 100% to parent size container.

  ---

  2. If you are using rem, set the font size in html selector to 62.5%. this will make sure 1 rem equal to 10px making it easier to calculate.

  ---

  3. set body display to flex, align-items: center, justify-content: center to make the children of body which is the main tag container centered in the body

  ---

  4. set the main style to at least 70rem. this will make sure the content not stretch too wide in desktop screen while it responsive in mobile screen.

  ---

  5. Do not use clamp in font-size as it will make the font size look too big in desktop version. instead use media query to set different font-size

  Marked as helpful

  0