Flexbox, Figma

Community feedback

• 

  MURRAY122•280

  @MURRAY122Posted over 2 years ago

  Hi Radek,

  Congrats on your first design! I took a quick look, and it seems a bit large for the screen sizes. Seems like there is a lot of set margins and padding for elements. You might want to consider the following to start with:

  body{
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      width: 100vw;
  }
  

  You could then remove the width and margin styles on main to center the element. Then you could set the img to height: 450px and remove its width. From there it would be about changing the products description and title font sizing, padding and margins etc...

  • You may also be interested in media query to help support responsive design and answer any question you might have had with it.

  Marked as helpful

  0