Completely Responsive Website using HTML + CSS Only in One Video 🔥

Hey guys, In this video, We will build the responsive version of our Website Clone.

Pre-requisites:

Timestamp:
0:00 Introduction
2:52 Tablet Version - 1st breakpoint
17:45 Large Mobile Version - 2nd breakpoint
29:35 Medium Mobile Version - 3rd breakpoint

🥳 Join our Telegram Community:

🚀 Follow me on:

Hashtags:
#codingshuttle #webdevelopment

Ignore these tags:

responsive website using html and css
coding shuttle
responsive web design
responsive website
anuj bhaiya web development
how to make responsive website in html and css
html css responsive website
how to make website responsive for all devices
media query in css
anuj bhaiya
how to make a responsive website using html and css
website using html and css
html css project
how to make responsive website
responsive website using html css and javascript
how to create responsive website in html and css
responsive
how to responsive website in css
responsive website html css
how to make website responsive
make responsive website html css
create a responsive website using html and css
website responsive html css
how to create a responsive website using html and css
how to make a website responsive for all devices
code shuttle
css
html css
responsive navbar html css
css responsive
media queries responsive web design
how to make website responsive using html and css
web development anuj bhaiya
complete responsive website using html and css
mobile responsive website html css
how to make a website responsive
html and css responsive website
html css website
responsive web design tutorial
css responsive design tutorial
html and css projects
css in one video
how to make any website responsive
responsive html css website
making responsive website using html and css
website using html css and javascript
html
website ko responsive kaise banaye
how to make your website responsive
anuj bhaiya web development course
create a website using html and css
how to make a responsive website
how to make website using html and css
project using html and css
responsive css
css media queries
full responsive website html css
how to use media queries in css for responsive design
responsive navbar
css tutorial for beginners
make website responsive
responsive design
landing page html css
media query
responsive css tutorial
responsive website tutorial
html and css website
making a responsive website using html and css
media query for responsive
responsive html css
simple responsive website using html and css
css full course
fully responsive website html css
html and css
html css projects for beginners
make a responsive website html css
responsive portfolio website html css
responsive website design
web development
website design
coding shuttle anuj sharma
css media queries responsive design
how to make a website using html and css
html responsive website
responsive website using bootstrap
responsive website using html and css and javascript
website responsive
website using html css
css project
make website using html and css
portfolio website
responsive header html css
web development full course
how to create a website using html and css
how to create responsive website
html and css project
html css responsive website design tutorial
responsive website using html and css bootstrap
simple website using html and css
using html and css to create website
website html css
bootstrap tutorial for beginners
build a website using html and css
coding shuttle web development course
css playlist
css tutorial
how to add responsiveness to a website
how to make a website responsive using html and css
how to make responsive navigation bar in html and css
html and css projects for practice
html and css tutorial for beginners
html css responsive website project
html full course
javascript
javascript project
project html css
responsiveness in css

[vishalchavan]

Bhaiya Video me gap Bhot ho jata hai. Javascript kabhi chalu karne wala hai. Apka Explanation is fantastic and content bhi badiya hai. Thanks for teaching 🔥😍

[SPYDERAPEX]

tutorial was very nice bhaiya, just 1 thing to add is it will be very nice and easy for people to understand if you add one source which shows the browser screen(output) while you are at the coding screen. Changes hote hue dikhte hain toh concepts aur bhi clear ho jate hain. :)

[pardeepchaurasiya]

Bhaiya love the tutorial but there is one mistake in responsive design. hamburger k click per hero section over-lap ho ja raha hai. usko kayse solve kere. Anyone else found this mistake. Please help me to solve the problem🙂🙂

[grx.]

Love Babbar bhaiya and Anuj bhaiya are always there to help us ❤️❤️
Best youtubers for coders

[musabkhan]

Literally this video is amazing, i randomly click on this video and found wonderful explaination, Now i am going to subscribe your channel ❤

[NotYour_Gurlyy]

mein ny full website bina dekhy banali responsive sirf card section ka idea lia h..

[aroojnadeem]

Watching your all videos to learn web development from Pakistan

[manumedleri]

You are saving my life bro thank you ❤

[SurajKumar-vcdu]

thank you bhaiya next hum log youtube ko clone karte hai

[Bob_thedestroyer]

My aim is to acquire knowledge like you bhaiya.❤

[satyamchouhan]

Bhaiya ye 767px bali media queri work nhi kr rhi h @coding shuttle by Anuj bhaiya

[pradnyakadam]

It's very nice. But I have one query i.e. when in nevigation bar you have made links then how to connect those links to their repective pages. And how to handle all those pages while making the whole project?

[nsbeastgaming]

Bro I can't understand what is overflowing. U need to teach us in better way . U teaching us in ur level . Plz anyone teach me

[raushanrawat]

Very informative video bhaiya ❤️❤️❤️❤️

[namansingh]

Please complete it with java script also it will be very helpful

[shubham-qdlw]

Sir, last me jb hemburger btn par click kr rhe tb, left side se menu aa rha hai. Tb hmara hero image nahi dikh rha isme . To uska kya krna

[adityasinghrathore]

Q1. when I use inspect element resizing my header and footer also resizing. so my background color is also half . Anybody have solutions for this ?.
Edited:
answer : actually i give the container class width 1180px . rather than giving max-width:1180px.


Q2. my @media screen and(max-width:991px) not working ?

Edited:
answer : Because there is a space between bracket and and @media screen and () .
literally it wasted my 30 to 40 minutes.

[rameshbola]

anuj bhaiya aap itne awesome kaise ho ??

[haseebashraf]

koi meri help karay ga jab sir nay container ko overflow hidden kiya hai mera same effect hai kuch change nahi huwa

[harshalnath]

does anyone have this completed code on their github repo