Skip to content
OverviewSolutions
15
Comments
1
İsmail Berberoğlu
@iberberoglu

All comments

  • PJ•110
    @Kitezh1Submitted over 1 year ago

    I found getting the section exactly in the middle of the page and having it scale. I'm not sure of my padding and media use, and if flex was the right option. Would love feedback please.

    QR Landing page using Flex & Media Queries

    2
    İsmail Berberoğlu•190
    @iberberogluPosted over 1 year ago

    Hey PJ 👋 I've just reviewed your code and noticed that you centered the section using 'padding', but it creates scrolling on screens with larger heights. If you want it to stay fixed in the middle of the screen without create scrolling; instead of using padding: 10em; on the body element, try using :

    height: 100vh;
margin: 0;

    and use align-items: center; with flex to center the section perfectly. Give this solution a try! Additionally, if you're not familiar with 'vh', I recommend checking out a few links I'll provide you to learn more about it.

    Apart from that, great job on the code!

    Marked as helpful
    1