Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

mobile first responsive

#next
Foued• 655

@Foued80

Desktop design screenshot for the Loopstudios landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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

@nzabajp

Posted

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

@Foued80

Posted

@nzabajp thank you for the feedback

0
AceDub• 250

@AceDub

Posted

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

@Foued80

Posted

@AceDub thank you for the feedback

0

Please log in to post a comment

Log in with GitHub
Discord logo

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