Flexbox, Figma

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.