Meet Landing Page using CUBE CSS, Flexbox & CSS GRID
Design comparison
Solution retrospective
[English isn't my first language so please excuse me for any mispellings or grammatical errors]
Hi everyone :) I had a lot of fun on this project! Using a mobile first workflow seems way more natural to me (something recommanded by Kevin Powell). Working like that, one can build simple yet solid foundations and delay the more complicated stuff to the end of the project. I wonder if that way of working is the more popular one and, if not, what are the advantages of working the other way around?
There's one other question i'd like to ask concerning this project. The mobile and tablet design have a hero image and that image split up when reaching desktop design (one half to the left, one half to the right and the welcoming card to the middle) so basically one need to add an image after a particular breakpoint. To do it i created two html elements picture and made one of them invisible using display: none until the specific breakpoint was reached. I honestly feel like it's a bad method because there's an element which is useless more than half the time and can potentially misguide screen readers (not sure of what i'm writing but i always heard that one developper must have a very good reason to make an element disappear from a user ^^). So i've wondered if anyone had a better idea/solution (i'm gonna search on my own but asking can't hurt right?)
Also, on this project, even if some assets were named 'footer-image', i ended up not using footer element because i felt like the contant wasn't appropriate for it.
That's all for today. Thanks for reading, have a nice day and happy coding to all!
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