Can you let me know if I formatted the @media queries correctly for the screen sizes of 375px and 1440px? I added 768px for those screens. Is there a way to make all screen sizes responsive at once using HTML and CSS instead of catering to each viewport breakpoints? Also, how to get the item/s in the center of the page using either Flexbox or CSS or by using margins and padding. Do you use margin and padding on the body and HTML elements? How do you get the item on the page to be centered on various screen sizes for responsiveness? Thanks very much.
@agnar-nomad
Posted
I can't comment on the code since the link is broken to it.
Centering is fairly easy with Flexbox, use justify-content and align-items, both centre. These properties should be used on the body element.
@dquindara8
Posted
@agnar-nomad Ok Agnar. Did you mean that the link I provided is not accessible? I will try to resend it again, sorry and thanks.
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
