MURRAY122• 280
@MURRAY122
Posted
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