How to create a responsive landing page with HTML & CSS #Shorts

— Follow Me —
— Thanks! —

In this web development shorts video you'll see a responsive landing page being built with HTML and CSS.

It's a bit hard to see in this video (as you'll be watching it in a portrait mode) but the main point of the tutorial was to make the text and other content in the page to be displayed nicely no matter what screen size the user is viewing the page on.

To do this we'll use some simple CSS media queries to adjust the content on the page depending on how much available space there is in the browser.

For example, we'll adjust the margin on the left hand side and also reduce the overall font-size when screen space is limited.

#webdevelopment #css Channel Handle @codebubb

[therealecho]

The background image changes everything

[alfiesolomon]

Ok i Love that! Need to watch more speedruns like that, it's so motivating

[pezwarrior]

Thank you for this amazing content! Keep up the good work.

[yomajo]

by watching short? or by grinding frontend 2 years?

[tyl.enol_arts]

good job boss!

one question, what's the main difference between css and scss?

[knoxgaming]

What font is used to write 'Pear.by'??

[waleefalrooh]

Using only div element in html it's not a great way to rank your website high

[skndash]

I'm sorry but did u forget about a breakpoint called mobile?

[ytcreation]

It's awesome. I like it 🤩🤩. Where I get the source code I want to copy 😁🙂

[mr.producer]

what makes this a responsive landing page tho?

[Anarchistry]

if i only have pc than coding in phones

[mnjawad]

sorry for breathing the same air as you Sir!

[motivate_now]

bro can you tell me how to get this type of images ?

[olliemoore]

Greetings from castleknock college❤❤😂😂😍🥰🥰😘😘😝