Skip to content
Submitted over 2 years ago

Basic Responsive Landing Page Using only HTML and CSS

aLpSabre•180
@alpbrace
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with alternating feature blocks
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

I have two questions:

1-When I open my website with the extension Live Server on VS, my website works fine. But when I open my Html page from the folder directly or with the Live Url, the font sizes of the texts become smaller, and some media queries are not working. Which reason would cause that?

2- How can I create the section with the header "Ready To Build Your Community?" before the footer, without using position absolute and in a better responsive way?

If you could help me out with those two questions, I would be grateful.

Thank you in advance.

alpbrace

Community feedback

  • ...•600
    @HatimHJPosted over 2 years ago

    2- How can I create the section with the header "Ready To Build Your Community?" before the footer, without using position absolute and in a better responsive way?

    i did it with [ transform : translateY(-value) ] and it worked fine

    Marked as helpful
    1
    aLpSabre•180
    @alpbracePosted over 2 years ago

    @HatimHJ thank you so much for your fast response.

    0
  • aLpSabre•180
    @alpbracePosted over 2 years ago

    Question 1 is also solved. I am open to your comments about my code, so I can improve myself.

    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