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

Responsive landing page using CSS

@LittLotus

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I find difficulty in keeping the page from overflowing on mobile. I would love your feedback on how to go about that.

Community feedback

Lucas πŸ‘Ύβ€’ 104,580

@correlucas

Posted

πŸ‘ΎHello Lukman, congratulations for your solution!

I saw your live site and is working perfectly is responsive in mobile and desktop. You've don't have any issue with that. What is your doubt?

The only thing you can improve is adding a margin for the container to avoid the card component touching the screen bounds when it scales down for mobile. See the code below:

main {
    margin: 24px;
}

Hope it helps and feel free to ask me more question, happy coding!

Marked as helpful

0

@LittLotus

Posted

@correlucas oh! Thanks I will work on this

0
HinaSejaru124β€’ 310

@HinaSejaru124

Posted

@correlucas Hello please follow me up when I submit my work. I am @HinaSejaru124

0
Lucas πŸ‘Ύβ€’ 104,580

@correlucas

Posted

@HinaSejaru124 Hello Hina, okay, I'll do that.

0
HinaSejaru124β€’ 310

@HinaSejaru124

Posted

@correlucas Hey Lucas. My pseudo is an abbreviation<hina = Hinata(Naruto Shippuden),Sej = Seijuro Akashi(Kuroko's Basket),aru = Subaru Natsuki(RE:Zero)>.I'm actually a14year old boy you know< and an anime fan(as well as programming)>

0
Shivaβ€’ 670

@shivaprakash-sudo

Posted

Hello Lukman,

Good job on submitting your first challenge!

I have checked the live site and the card looks fantastic in both mobile and desktop screens, but I couldn't find any overflowing, can you please elaborate on what is overflowing or how to re-create the problem you're facing?

Good luck on your next projects!

Marked as helpful

0
HinaSejaru124β€’ 310

@HinaSejaru124

Posted

Thanks for wanting to follow me up

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