Submitted 8 months ago
Responsive meet landing page using CSS flex and grid
@Antonvasilache
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
- Solving the most complex challenge yet
- Working with Figma files
- Would focus less on desktop design next time
- Working with Figma, following the design closely to the letter, to achieve pixel perfect values - eventually I gave up on the idea, and focused on the relative positioning between elements, and fixed whatever was left towards the end.
- Tried to create the layout entirely using grid, which did not work well for responsiveness - I removed some of the grids and used different methods which were easier to handle in the context.
- Creating a responsive page which relies less on media queries.
Community feedback
- @stefan-holmgrenPosted 8 months ago
Really nice solution, works on every screen.
You made your own section numbering svg:s - I struggled to figure out how to do it with only css (was a big pain, so in retrospect should have gone your way :) )
Nice HTML structure, and good use of css variables.
1
Please log in to post a comment
Log in with GitHub
Join 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