Completely Responsive Website using HTML + CSS Only in One Video 🔥
HTML-код
- Опубликовано: 3 июл 2024
- Hey guys, In this video, We will build the responsive version of our Website Clone.
Pre-requisites:
1. The complete website Development: • Build This Complete Mo...
2. Media Queries Tutorial: • Responsive Website Des...
📒 Get Notes here: telegram.me/realanujbhaiya/129
🧑🏻💻 Get Code here: telegram.me/realanujbhaiya/132
📌 Bookmark this Playlist: • Web Development Course...
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:
Telegram channel: telegram.me/realanujbhaiya
🚀 Follow me on:
Instagram: / anuj.kumar.sharma
Linkedin: / sharma-kumar-anuj
Twitter: / anujbhaiya716
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
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 🔥😍
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. :)
Media done ✔ thanks bhaiya❤ Your Content 1no
Literally this video is amazing ,i randomly click on this video and found wonderful explaination,Now i am going to subscribe your channel ❤
The way you tech is phenomenal 🔥 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
My aim is to acquire knowledge like you bhaiya.❤
too helpful, one of the best explanation,
Sir aap ke samjhane ka style Boht passand aaya ❤❤
Love Babbar bhaiya and Anuj bhaiya are always there to help us ❤️❤️
Best youtubers for coders
bhaiya continue this series . lots of love❤
Many things i learnt from this tutorial for make the website responsive ❤❤❤ thanks sir.
Thank you so much Brother❤️.... Love from Nepal 🇳🇵
It's very helpful ❣️
its Awesome... thanks
I was waiting for this
So good explanation love it
I learned lots things through this video bhaiya keep continue uploading videos
hope you are reading this bhaiya can you please provide a list of whole or upcoming content it will be great. I have basic idea of front end and i am loving your teaching way it's super easy and clear. thanky bhiya
Very informative video bhaiya ❤️❤️❤️❤️
very helpful anuj bhaiya.
bhaiya app sahi me bahut achha samjate ho
Thank you bhaiya!
You have vast information ❤❤
Badhiya smjhaya aapne calc fun.
Easy to learn 👍 tq
thank you bhaiya next hum log youtube ko clone karte hai
Helpful videos ❤
Thank you so much bhaia🥰
bahut jabardast bhayya
anuj bhaiya aap itne awesome kaise ho ??
thanks alot for bringing responsiveness...aur hatoda maardiya😂
Watching your all videos to learn web development from Pakistan
helpful♥
really nice tutorial
Thank you so much 🥰🥰 sir
Best ho aap sir G
Helpfull😊
When are you launching a new course of full-stack web development?
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🙂🙂
Love❤❤❤❤
very helpful
I have a question??
When I used Anchor tag(a tag) to creating a button or link text. After that, if I click on this button or text, I will see a blue background automatically, Now how can I remove this blue background.
I see on many websites that when clicking on the link button or text there is no blue background.
But when I click on this button or link text of every page I create, then show the blue background this button or link text. Now how to hide it?
Bhaiya Javascript in one video bana dijiye so that hum jada se jada practice kar paye
thank you sir
I learned lots things through this video bhaiya keep continue uploading videos 💗😯🔥
Tremendous
Please complete it with java script also it will be very helpful
Bhaiya android development ka fhi ek naya course kro na shuru ❤️
Bhayia kya aap react js bhi sikhaoge??
Aap bootstrap and JavaScript ki uper kab video upload korogi??
🤩🤩🔥🔥
Bhaiya aap ka codig shuttle wala new paid full stack web development courses kab launch hoga ??
helpful
PLEASE make playlist on JAVASCRIPT please, please, please
Bhaiya please dsa ka live course banao... in JAVA....
❣️❣️
what are some break point that fit in all devices ? if anyone know pls reply
mera example sectio nresposnsive nhi ban paa rha haii same property apply k baad bhi please help me
34:00 responsive sidebar
sir my media quries is not working, pls help🙏🏽🙏🏽
which vs code extension tou use for html css
react pe video banao na sir step by step
❤🔥❤
Bhaiya ye kitna month me complete hoga
Bhaiya kaam karne laga maine space nhi diya tha pehle🤣🤣
koi meri help karay ga jab sir nay container ko overflow hidden kiya hai mera same effect hai kuch change nahi huwa
Where can i get the CODE of this tutorial ?
Hey Anuj, That was a great video...I followed along both of your videos of this tutorial and really enjoyed. I am a US IT recruiter from past 3 years and now struggling hard to get into IT field..Can you please suggest what should I learn after HTML, CSS, Javascript in order to get placed as an intern?? Please help
Bhaiya please upload video.
I need this type videos bhayya please
sir, ap step b step responsive full web page digine kor ka dekhai e a , es taraha nahe
New videos kab ayega?
Thanks a lot bhaiya
Please add javascript to this web
Css peeper se img download nahi ho rahe
Bhaiya java script k vedio bna dijiye plzz bhaiya
There's no code no code in telegram
12:51 bhaiya calc funcition work nhi kr rha 😭
mein ny full website bina dekhy banali responsive sirf card section ka idea lia h..
Wow 😳
Aapka jo course haii website pr usse abhi bhi join kr skte haii kya
If it is possible then it is very helpful
No, please wait for the next batch
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
does anyone have this completed code on their github repo
Bhaiya I am trying hard but not able to make clones please suggest some good practice I am try to make clone from 7 days of one web site but I am not able to make nav bar even
bro u have completed js
@@sanchaymansinghka8917 no bro
@@kunalbhurse4527 css?
@@sanchaymansinghka8917 yes intermediate
bro first you should practice on html and css
Bhaiya ye 767px bali media queri work nhi kr rhi h @coding shuttle by Anuj bhaiya
Bro check your media query syntax .
Ho gya solve bro..👍👍 thank you
@@satyamchouhan5084 how bro even im facing same issue
@@Anmol-dz7sx bro just check the media query syntax
@@satyamchouhan5084 I'm unable to figure it out that's why?
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.
U have completed css
@@sanchaymansinghka8917 css is endless and never be completed in my whole life but in programming how you handle error is important.
@@adityasinghrathore2860 bro, my website is collapsing after 280px even using "@media screen and (max-width: 1180px)"..why??😖😖😖😖😖😖
meri spaces h bt fir bhi nhi hora .. hamgurger 991+ mei bhi nhi hat raha
Bhaiya bhut late ho jata hai gap videos mai ,. Please upload more videos.
bro try to practice between that time
I need this type videos bhayya please
Thank you bhaiya
New videos kab ayega?
New videos kab ayega?