Skip to content
Submitted over 2 years ago

Responsive landing page using Flexbox and CSS Grid

maciejfedor•90
@maciejfedor
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Skilled e-learning landing page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

My first project with mobile-first approach

Biggest challenges and parts that i'm unsure of were:

  • making images responsive (density, resolution switching etc.)
  • makng whole page responsive (correct breakpoints etc.)

I'm also not sure about that hero image positioning, is it better to set it as background image or use absolute positioning like i did.

Any feedback regarding project would be really helpful!

Community feedback

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