Design comparison
Solution retrospective
This is my second project, not sure how to adapt it to mobile or position the background correctly, some of my spacing also seems off. Any feedback is appreciated.
Community feedback
- Account deleted
Hi @AidenM99,
I think you should try to separate your HTML in a better way, for example you can use a MAIN to be able to place everything that is the project information and outside the MAIN you can locate the rest, for example in this case the images of the background and in the MAIN element you can place the rest of the main content and at the same time use it as a container to better center all the content of the project
also do not forget to place an ALT element in your images they are necessary for a description unless you use the image as an icon that the ALT is necessary but may be empty.
remember it's just my opinion you can adjust it to your perspective.
0 - @marcus-koPosted over 3 years ago
Hi Aiden, for the mobile view, you want to use media queries to style elements when the browser is at a certain width. For example, @media only screen and (min-width: 768px) will style elements when the browser is at and above 768px. So you can add all of your styles for desktop under here and any styles that are not under a media query will be styles for mobile. Hope this helps.
0
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