LESS Preprocessor | FlexBox | Hidden Photo
Design comparison
Solution retrospective
What did you find difficult while building the project? It was very difficult for me to place the picture in between the logo and the 'we're coming' div on mobile version. In the end I decided to use display: none for the right image when the desktop changes to mobile size. I also placed a div in between the logo and the 'we're coming' div and made the mobile image 1px and transparent when it was in desktop version and then with media queries I styled it as normal size and visible.
Which areas of your code are you unsure of? I am not sure how the code will look on an ipad.
Do you have any questions about best practices? I am still curious how to label each section and what are the accurate tags for each section.
Community feedback
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