25 | LET'S MAKE OUR WEBSITE RESPONSIVE | 2023 | Learn HTML and CSS Full Course for Beginners

Today I will show you how to make the website we have build up until now responsive, using media queries in CSS. 🙂 I will also show you have you can create a burger menu, for opening a mobile menu using a button.

➤ GET ACCESS TO MY LESSON MATERIAL HERE!

First of all, thank you for all the support you have given me!

I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!

I am now using Patreon and YouTube Memberships to share improved and updated lesson material, and for a small fee you can access all the material either from my memberships or Patreon, depending on your preference. I have worked hard, and done my best to help you understand what I teach.

I hope you will find it helpful :)

[nomeska]

Thank you very much! So understandable 🎉 I've made huge step in CSS today. Responsive design was my nightmare I've dreamed of. Took hour and responsive design is so much clear thanks to you 😊

[sbhankord]

I start the coding on your chenal it's been months looking for a perfect teacher, Finley i find you so what i wanna say is, really appealing you, 😁like you always say, with that said, done this course and the others perfectly, again thanks.

[CsMuia]

Great tutorial Dani. Based on my experience, making a website responsive was tricky at some point. Requires practice. This tutorials just make it a lot more easier. It took me a while to realize that you only need to change certain CSS of your website to fit the media query parameters for tablets and smaller screens. That is a key lesson you have highlighted. It will be exciting to create a scroll back to top button in the next tutorial, the one that will move the website to Top in a smooth manner. Look forward to the next episode.

[bykevictor]

For the JavaScript code for the burger menu dropdown to work use else in place of else if.

[ShihabH]

the way you make things understand is awesome ❤

[yrhVee]

Wow this really is more easy than i thought.. Was feeling really embarrassed not knowing how to create a responsive site. Thank you ❤❤

[kimsharkie]

i literally asked myself, "who the hell is this guy? " Because everything you teach is digestible and understandable. Wish i knew your page years ago

[frankieflowcc]

Your video's are super helpful. Thank you for that!
If by any chance you could make more of those i would love it. Also a tutorial about how to make this design go into a wordpress theme would be lovely.

[MrScorpio]

The best teacher in YouTube.
Thank you 🙏

[holycraps]

Thank you so much! This video helped me a lot with my first project

[simplesmile-qxtz]

new in here, but will see haw far i can go with you by my side :)

[vladkh]

let burgerBtn =
let burgerMenu =

let isBurgerOpen = false;

burgerBtn.onclick = function () {
if (!isBurgerOpen) {
burgerMenu.style.display = "block";
= "center left 50px, center";
isBurgerOpen = true;
}
else if (isBurgerOpen) {
burgerMenu.style.display = "none";
= "center, center left 50px";
isBurgerOpen = false;
}
}

[DejanPavlovic-tuvj]

11 years. Great. I bet it was a lot harder to learn all this back then.. I didn't know even this to exist... I knew only for gamers, like WoW players. Foor programers never heard in my town

[soniaakter]

Wounderful, , Your tutorial is useful for us🙂🙂

[guilyan_pn]

Amazing tutorial Dani, it helped me a lot. But I have some trouble with the javascript. I can open it and close it, but it's impossible for me to open it again.

[rollinfishbach]

This man is a gift God gave me, you can't understand how much you help me!

[oksanabarshchyk]

Hey! "➤ GET ACCESS TO MY LESSON MATERIAL HERE!" this link is not working, that is not a link actually. Could you fix that? I just wanted to get access to the git with file materials.

[tanny_edits]

Hello Dani we dont have any click event for our nav links yet to scroll to their content

[aliarghiani]

i cannot find any lesson material in description, help me ...i need related CSS-HTML files if possible ....

[bladewraith]

Well, marvellous. My js button won't even appear. Haven't got a clue what is wrong. Validated to js and the css is exactly as you've done it.