Landing Page #1 (feedback!)

Hi, this is my first landing page.
Just plain HTML and CSS, no JS.
I haven’t made it responsive yet, so it needs to be seen in full screen.
One quick question: when resizing vertically, how can I avoid all the elements collapsing on each other, and instead just diminish the window size?
Any feedback would be appreciated! :slight_smile:

You probably have to set min height in pixels.

1 Like

I would recommend you always start by styling your page for a narrow viewport and then add break points for wider view ports. It’s much easier to start narrow and then work your way wider.

1 Like

links don’t seem to work

That was perfect, thank you so much, man!

1 Like

Are you sure? They’re working fine on my devices!

This is an interesting approach; I’ll try applying it. Thanks for your suggestion!

Hi @dartok!

I think they are referring to this.

      <a class="welcome-link" href="#">WELCOME</a>
            <a class="welcome-link" href="#">WILLKOMMEN</a>
            <a class="welcome-link" href="#">BENVENUTI</a>
            <a class="welcome-link" href="#">BIENVENIDOS</a>
            <a class="welcome-link" href="#">BIENVENUE</a>

   <a class="nav-link" href="#">ABOUT ME</a>
        <a class="nav-link" href="#">CONTACT</a>
        <a class="nav-link" href="#">LINKS</a>

I am assuming you are still working on the project and will include those sections?

1 Like

Oh okay! I purposely set them to “#” since my goal was to just practice building a responsive page, it isn’t a real project yet! Thanks for pointing that out :slight_smile:

1 Like