Skip to content
Submitted 6 months ago

Ping | Landing Page

Marzia Jalili•7,510
@MarziaJalili
A solution to the Ping single column coming soon page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

Well, I don't know. Maybe speed. Actually I am shown in Wall of fame this week with 110 points, so NOT BAD😎😎.

What challenges did you encounter, and how did you overcome them?

I used to set the font-size for different pages in media queries, but I came accross an interesting function called clamp which made my work much easier😁😁.

What specific areas of your project would you like help with?

GUYYYYYYYYYYS, I need to scroll to see the entire page while it shouldn't have been like this. Help me out!!!!!!

Code

Please log in to post a comment

Log in

Community feedback

  • Rebecca Padgett•2,100
    @bccpadge

    Hi @MarziaJalili. Congratulations on completing this challenge!!!🎉

    Your project looks great so far!

    On <body> you can remove the the default margin and padding.

    .ping-container keep the padding-block:3rem on mobile devices and use a media query to remove the padding-block. The padding-block is the reason you see the scrollbar on desktop.

    I hope that answers your question.

    Marked as helpful

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