@kenreibman
Posted
I'd also like to mention that your desktop layout is broken and improperly styled.
Your card is also off-center so I changed your css to have the card centered.
body {
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
background-color: hsl(210, 46%, 95%);
}
- I would also get rid of the
height
andbackground-color
from the.main
class.
I highly advise you against setting a fixed height
and fixed width
for containers, backgrounds, etc. in your future projects, as this creates responsiveness issues down the line.
I hope this helps!
Marked as helpful
@Rapha445
Posted
@kenreibman
Hello Ken, Thank you very much for your reply.
May I ask what appears broken and improperly styled on desktoo layout? I checked again but it looks good on my computer screen.
About the fixed height and width, do you mean that I should use responsive measurements like ems/rems or percentages instead? I wanted my container to stay at a specific size because of the absolute positioned element (the share bar). A responsive container would mess up the positioning...