Skip to content
Submitted over 2 years ago

mobile first responsive

Foued•655
@Foued80
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Loopstudios landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hi, this is the loop studio landing page done with nextjs, i can't figure out 2 things if you can help:

1-get rid of the empty space after the footer on desktop view 2-deploy a nextjs app on github pages i was banging my head for two days no success ( next export ,basepath, assetprefix ..) i finaly went the vercel way ...

Community feedback

  • Jean Claude Nzabanterura•190
    @nzabajpPosted over 2 years ago

    Hi.

    Getting rid of the margin-bottom off your footer div with a class of Footer_container__iN3aW will remove the white space that appears when in desktop view:

    i.e.

    .Footer_container__iN3aW {
            margin-bottom: 0;
}

    I hope you find this helpful.

    Marked as helpful
    0
    Foued•655
    @Foued80Posted over 2 years ago

    @nzabajp thank you for the feedback

    0
    Jean Claude Nzabanterura•190
    @nzabajpPosted over 2 years ago

    @Foued80 its a pleasure

    0
  • AceDub•250
    @AceDubPosted over 2 years ago

    Hello @Foued, It looks like you're adding margin to the bottom of your footer. In the container, changing the margin to margin: 11.5rem auto 0 auto; removed the empty space for me. Other than that, your project looks great!

    Marked as helpful
    0
    Foued•655
    @Foued80Posted over 2 years ago

    @AceDub thank you for the feedback

    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