Design comparison
SolutionDesign
Community feedback
- @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
andmargin
styles onmain
to center the element. Then you could set theimg
toheight: 450px
and remove itswidth
. 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 helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord