Skip to content
Submitted over 2 years ago

Skilled elearning using flexbox

Eriks Dobelis•50
@phaethon
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

When using flexbox with wrap - what techniques are recommended in such design to make upper and lower parts break at the same time? (i.e. changing image and layout in upper side while at the same time wrapping from 2 to 3 columns on lower side)

This was done using flexbox. Anybody done this using grid? pros/cons for that?

Community feedback

  • Gavin•180
    @DesignAssemblyPosted over 2 years ago

    Yeah I used CSS Grid. just felt I had more control when setting up my grids. The one issue you have is that your sit is not "fully responsive". meaning you have hard changes between the different viewport sizes instead of adaption seamlessly from one to the next whilst scaling. I just set a max-width for the main container then let grid do the rest whule scaling and set media queries where needed. Good Efffort - happy coding

    0

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