
Submitted 4 months ago
Meet Landing Page (Responsive Layout Flexbox, Grid, and Media Queries)
@maxkdavis
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
- Taking the time to dig into the design specs and translate them into CSS custom variables
- Using a mobile first approach and applying media queries for tablet and desktop layouts
- Keeping code D.R.Y.
- A few challenges with image display based on layout.
- Need to be better about avoiding fixed dimensions and inside use dynamic metrics
- General peer review and suggestions for improvement and/or experimenting
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