Skip to content
Submitted over 4 years ago

Challenge 3: Base Apparel Coming Soon

Ricky•150
@voyage11
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Base Apparel coming soon page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I struggled a bit on the position. I decided to comment out the footer because of the mobile screen, it flies into the middle of the screen. lol. I am still not sure the reason. I hope someone can give feedbacks to improve my codes. Thanks!

Community feedback

  • tspinjac•140
    @tspinjacPosted over 4 years ago

    Hi, when using absolute positionong, you are moving that element 'out of the HTML flow', so footer thinks element is not there at all. So it moves up.

    hint: .text-box { position: absolute; top: 200px; left: 140px; right: 0; bottom: 0; }

    In general, think there are way better ways of positioning elements then absolute. I use absolute for small things only, not for some mayor layout.

    Play around and you will figure it out. Cheers.

    2
    Ricky•150
    @voyage11Posted over 4 years ago

    @tspinjac Thanks for the hint! I will play around with the codes and hope that I will figure it out.

    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