Complete Responsive Website Using HTML CSS | Responsive web design tutorial 

1-on-1 Classes with me : www.buymeacoffee.com/gowthamtirri/e/219232 Source Code :www.buymeacoffee.com/gowthamtirri/e/97581

So far the only tutorial I've seen that takes it slow and doesn't require prior experience to soft design.

Too much easy lacture sir itna easy nhi tha jitna Apne smjha kr krdia hai maene koi 30 plus videos dkhi thi lkn smjh blkl ni ai Apne bht acha btaya and successfuly MRI same ban Gai website

Sir, you make the best HTML/CSS tutorials on youtube -- You ROCK!!😀

may i have the code? because the results do not match the video

the script type of mobile- menu is not working for me, some help.

Hi, does this work for multiple platforms? (website adapts to phone, laptop etc?)

Great tutorial. Thanks for that . But one question. At 28:03 you ad "image-col" to the "col"-class.Seconds later it is deleted. No matter, what I do, the gallery won't appear in 2cols and 2 rows, but 1col 4 rows. It drives me crazy, that I cannot find the point, where it doesn't work.

In css i wrote the same things as shown in this video example navbar and it reacts opposite background image comes to half screen of computer i dont know why

Hi. What can be the reason that my image is not resposive?I work on mac desktop and the screen is very wide. The image covers only half of the screen. I follow your tutorial step by step and at the point where we gave selectors to the header in css i started to have a problem. is there is a way to adjust an image? while i did found a mistake instead of width 100vw i wrote q 100 vh. but now i have another problem when i enlarge the screen the whole view of the picture isn there . Just the enlarged part of the image.

I'm not sure if I'm missing something but i cannot understand how you're able to link your photos in css. Ive tried going about it the same way you did and it does not work?

Where can i get class mobile-menu in responsive navbar....i dont get that class in your index.html

Bonjour, je suis bloqué à partir de @14:00 , je ne comprends pas pourquoi le "mobile-menu" n'est pas en HTML ? lorsque je clique sur l'icone en haut à droite pour voir le menu, il n y a aucun changement. Merci de votre aide !!!

THE BEST TUTORIAL EVER MADE...Thanks bro

Why you make header-content flex end when you can use center ?

Great video ,but some of the css features are not working in my project,y?(I'm using pycharm )

the @media only screen and (max-width:850px) is not working, why is that?

Awesome Course for Learning HTML5 and CSS3 #CodingWithRohani

How can I get the nav bar working for example when click about us Take to that part

Why do you use two heading h1? In the same document?

Thanks bro really appriciate, more knowledge to come bro

When I insert the second img, it sits on top of the first img instead of being under it😢

please someone answer me, where did this .mobile-menu come from?

Thank you so much Anna . It is really helpfull. Make some more videos.

when you click one of the button in navigation bar will it bring you to another section??

When I paste your same images, mine look smaller with more space between them. Could I have done something wrong?

You have explained concept well and made good website. It helped me out to understand animation and responsive website. Please do share html file as well.

image file shows error : file is in owner's trash. and not able to download

As you make website after zooming all the stuff get spoil you know about it if we zoom after making website using htm k and css Plz reply and have me solution plz reply 🙏

love your class! I am already a developer but don't know how to create a beautiful responsive website, but I know the codes. Thanks for your tips.

Sir Arrow would arrow function work in all devices.. My toggle property ia not working.. I guess it is because of arrow function which is advanced function

My images are not resizing, what could be the problem

Why did you linked google fonts if you won't use it?

Thank you so much for this video! I love that you explain what you are doing and showing us what is being done on the website. Your channel deserves to have way more subscribers, thank you!!!

The clarity in your explaination is soo good ..you deserve more subscribers

In navbar, when I make its position: absolute, I can no longer use justify-content property. Do you have any idea how to fix that problem?

Can i get the inages you used the drive link has been expired

My menu bar is not changing pages when I click. I don't know what's happening. T_T

Bro I should tell you you are gonna be a big RU-vidr, cause your explanation is good as well as your work ethic .

i got one small issue that my menu button is not creating an animation whenever we click on it. Also my text color is not visible(white). Please can you help me out there?

The link on the css where did it come from??

I'm loving the content so far, but I have trouble with my background image, it is only appearing on half the screen

Excellent work bro from london great video and content, keep it up one of the best online design was really great

Greatly appreciate your video! It really helps!

please make react project my dear bro it will be really helpful bcoz the way your are teaching so clear..

Hey bro👋 Please my image gallery does no appear in grid form as yours. It's displayed vertically. I've followed all the steps. Please help🙏

Thanks man, I reference the link to this video on my site since it was so efficient and useful.

where is .mobile-menu class in html file?

can you explain about that "mobile-menu" class which you used while making the navbar responsive

The link to the images don't work :(

sir in poppins exactly which font to select please metion in your comment section

i was to ask, even tho i followed every steps, the alignment on my items is center but when its on the live website it isnt centered

Yo bro can you plzz guide how to get that background pictures

Nice video Bro. But you're very fast. Try taking it easier in subsequent videos. It will help everyone follow along better.

Is it responsive because my background is changing in different devices in my pc

please upload figma as well of this design

my navbar - the hambarger doesnot work.

its good so good work , you must precise a reponsive witdh max right at the end

@5:00 using v min for font size will make it responsive but also going to impact the zooming ability as while zooming in the site text will not get bigger in size

bro from where get the images?

As a beginner this tutorial is amazing!!! thank you so much....

I loved this awesome tutorial! Thank you!!

Thank You so much! Excellent Tutorial!

Cannot download images.. help

Sir there is no class given as mobile menu but we add css why?

Nice work, can you explain how mobile-menu at css works?

love u bhai for awesome tutorial.Please keep guiding noobs like us.

Can I ask, why the menu bar doesn't appears on the mobile view? I click right on the bar menu icon and it just doesn't appear the menu, idk what to do or if I just did something wrong because everything it's just as in the video. :(

Thank u so much man, keep up the awesome work.

for a beginner this is amazing. Great work you're doing, just want to add the image's link does not really work.

Website ke report bna k dy den gy ap??

Thank you sir for making this vedio. Explanation is very clear. please if you could start small course on CSS it is very helpfull to us. You deserve More SubScribers.

Excellent video, only issue is, i did what you did with the navbar, but somehow it doesn't line up into one row (like u have). I dont understand why, someone have an explanation on why it won't shift?

Events section is coming through side by the home page can u help me for this?

Thanks for this! I tried doing everything the exact same way. However, the nav links don't turn into the whitesmoke color.. don't know why... I'v done exactly everything you've done

i need the source codes , but you placed an amount of $3 , i am having issues with card,how do i do a transfer , kindly provide account details , waiting for your response

Option of live server isn't coming in my laptop what should I do plz reply it's important for me to submit the project within 2 days

I feel that you should next time start from the start by showing people how to insert a imag etc. I’m pretty sure many people were lost but your explanation is very Good. Also go abit slower.

Hi i am trying do your code but it's not working when class tours and another class like row and col when I am using display flex

Thanks bruh i learn a lot from this video, really eager to watch more videos of yours in future

I really love this project

Thankyou for your guidance 🎉🎉🎉🎉

hey can you tell me why he give left and top zero in navbar

You explain wowwwwwwww With live server

me encanta lo voy a hacer justo lo que estaba buscando

Great Video. Thank you very much for the tuition.

Thanks for this video really helpful

we are best study for web

Why did you stop posting videos..... Your videos are great for learning 🔥🔥

hello great video . minute 19:9 when apply display flex to the class row the images shows join one a nother, not separete like is show in the video. minute: 19:45 .row .col img { here you give a width to the image of 80%} but after you replace .row .col. img{width 80%} to .row .col {display flex ....etc} when is removed the img the images are too big. when do you give the width of the images? other than that most of the video is working well

Thank you so much, god bless you.

Really awesome!

My mobile menu is not working... Is this webpage HTML and CSS alone or with JS

Thanks for the Video.. 🥰🥰🥰

bro all the images are not appearing , please try to help me

very nice explain i like it

i did same for menu button but button functionality not working

Hey bro I'm having an issue with the mobile menu button, it's not functioning at all, I've followed the steps properly and reviewed my code many times but found no error, pls what should I do? The menu isnt dropping down.

nav shouldn't be inside the header?

It's a great tutorial but could be easier to follow. Newbies beware even someone with 3 years under their belt found this hard to follow but only because there was constantly jumping around to different lines. This is understandable however it could again be cleaner