Responsive Website Using HTML And CSS Step By Step
HTML-код
- Опубликовано: 17 дек 2022
- 📁 Get the full project from here and support me 🥰👇
www.buymeacoffee.com/tahmidah...
Hire a Web Developer on Fiverr: tahmids.net/HireWebDeveloper
Join this Web Development Course: tahmids.net/WebDevelopmentCourse (Access Premium Courses 30 Days for FREE)
Get Web Hosting from Hostinger: tahmids.net/Hostinger (70% OFF)
Try Elementor: tahmids.net/TryElementor
Web Design Elements in One Place: tahmids.net/EnvatoElements
Best Online Deals: tahmids.net/AppSumo
Other links: bio.link/tahmidahmed
Thank you
#websitedesign #responsivewebsite
Learn How To Create A Website Using HTML CSS | Website Design With HTML And CSS | Responsive Website Design Tutorial
Responsive Website Using HTML And CSS Step By Step
Responsive Web Design
how to make a responsive website
In this web design tutorial, I used HTML CSS, and to create and design the website - If you follow the step-by-step video tutorial, you will be able to create a beautiful website using HTML & CSS.
✌ Please make sure you watch this video till the end.
Tutorials mentioned in the video: want to learn how to Create a Personal Portfolio Website With HTML & CSS click here--: • How To Create Personal...
Full Personal Portfolio Website: • Build a Complete Perso...
about us page: • How To Create A About ...
Freelancer Personal Website: • Complete Personal Port...
Navbar HTML CSS : • Simple Navbar With Fle...
▷ Find more videos about web development: • Website with HTML & CSS
For more HTML, CSS, and coding tutorials - please click on the link below to subscribe to my channel:
/ @tahmidahmed-yt
✨ Like our works and want to support us? 🚀 
Хобби
Hey, thank you for watching! hope you found this responsive website design video helpful.
Please visit my channel for getting more videos like this one. ☺
happy coding
Hire a Web Developer on Fiverr: tahmids.net/HireWebDeveloper
go.fiverr.com/visit/?bta=441441&brand=fb&WebDev&landingPage=https%3A%2F%2Fbusiness.fiverr.com%2Fsearch%2Fgigs%3Fquery%3Dwebsite%2520development%26source%3Dfib_lohp%26acmpl%3D1%26search_in%3Deverywhere%26search-autocomplete-original-term%3Dwebsite%26search-autocomplete-available%3Dtrue%26search-autocomplete-type%3Dsuggest%26search-autocomplete-position%3D1%26ref_ctx_id%3D58b7fee7abbde8aaba0723a0ee923728%26expert_listings%3Dfalse
Join this Web Development Course: tahmids.net/WebDevelopmentCourse (Access Premium Courses 30 Days for FREE)
Get Web Hosting from Hostinger: tahmids.net/Hostinger (70% OFF)
Try Elementor: tahmids.net/TryElementor
Web Design Elements in One Place: tahmids.net/EnvatoElements
Best Online Deals: tahmids.net/AppSumo
Other links: bio.link/tahmidahmed
Thank you
hello, in the stylesheet, you have given some values as percentage and other as absolute values like pixels, any specific reason. I also noticed that in some contexts you used % in padding but also px at the same time for padding itself.
Great website design easy to understand
Thanks for your kind work❤
This is the type of content i was searching for so long thanks keep going ❤
Glad you enjoy it!
Thanks for Your kind work
Looks perfect and a great website design tutorial, thank you
Thanks a million bro, I created this site with my preferred styles but the technique is super clear and correct 🤩
Thank you for your kind words 🥰🥰
Please share me the code of this website
Thanks for clearing my basics!!!
Thank you so much for this educational video, I learned so much. 😍
I'm so glad!
Outstanding as usual !
Thanks a lot!
Thank you so much bhai for this wonderful concept, concept are super clear and also easy to understand......
Most welcome bhaijan 😍
COC is one of my fav. game i love the most♥️
wow❤❤
Muy buen video, todo super explicado, eres todo un profesional. Me encantoooooooooooooo.
Thanks a lot!!
تبارك الله عليك يا احمد
The photos and illustrations you use to make website tutorials, on your RUclips are very good, if I may know, where did you download them?
Great work . It's was easy following along the design technique was amazing
Thanks a lot 😊
Great web design bro🩷
I love how he steals code within the first two minutes, true developer!
😊😊 Thanks bro
those are modules and fonts...
oh... it's a kid. mb mb, yeah he stole codes :]
Steals code? As in using icons for their intended purpose
Impresionante ❤
Soy nuevo en programacion y sobre todo en desarrollo web, estoy aprendiendo HTML y CSS, la verdad es que me cuesta tener ideas para crear una pagina, pero al ver las tuyas, me inspiran, me encantan los diseños
Gratias tibi tam frater quam me adiuvat
it's been 4 moths hope you've understood the basics if not you can check out "Super simple dev - html and css" it helped me a lot.
Just Awesome, Next level Sir!!
Thanks a lot
thank you very much, actually you are very fast for my experience, actually I am beginner 😟 I used to slow down the video 50% and mute the music
You're welcome 😊
11/10 thank you soo much your the best
keep up the good work
You ' r most welcome
Thanks a bunch for the detailed video!
You're so welcome!
Great work
Nice bro!) 👍😊
Bhagwan ram apko achha rakhe good consept😊
Amazing, nice job!
Thanks a lot 🥰
love this!!!
Thank you so much!!
thank you, i have build this webside, and it looks awesome. maybe you can build a full page in later time, i would like to see, how good looks a complete site^^ Ps. i also found a other channel by accident, which use your videofootage
Thanks Very much!
Most Welcome!!
Thank you. Great tutorial.
Most welcome!!
Kya baat h !
Great 👍
Thanks a lot 🥰
now i realized how hard it is to make website
its fuckin hard i feel like giving up
i lke thi is good eso es bueno mi hermano
very nice work proud of you brother like you content 🤗🤗🤗
Thank you for your kind words 🥰
Beautiful design❤
Thanks a lot 🥰
I love this
Thanks🥰
I wanted to watch something to fall asleep and with the music and all I thought I found the perfect video to fall asleep. Boy was I wrong... I'm wide awake at 05:20 AM and so freaking inspired to design that website I've been planning to build for a while.
Also, I hope you see this comment, I have one question : Most people say "stay away from pixel values" for responsive design and they suggest using em's or rem's instead. I noticed you're using px values for some margins, paddings and font sizes, is there a case where that might be an issue for a device or is it ok to use pixels?
Dude not sure where or who you've heard this from, but using px, em, rem and all the other units are just based off of personal preference
Are there units that could probably be better used for certain purposes? Yes
But should that stop you from using whatever unit you want? NO
Como estas hermano, quisiera saber como puedo hacer eso en el google para poder mover el sitio a la hora de inspeccionarlo para acomodarlo de manera responsiva
thanks sir you are amaizing🥰🥰🥰🥰
You' r welcome 🥰😍
Great website design bro
Keep It up ❤
Thanks 🙂
Thanks for the tutoral bro
Most Welcome bro!
Great
These days, websites must be responsive and it is necessary
wait a good thumbnail clickbait, i saw game + code, i click.
Great design !!
Glad you like it!
WOW, THANKS
Most welcome bro!
Amazing! Thank you!
Glad you liked it!
Most wlc
thanks
You're welcome!
Very easy to understand
Glad to hear that
Thank you so much ❤️
You're most welcome
❤️❤️
19:08 responsive nav bar
Hey man love the video, but I cant get the colors of the text to change its making me sad... I also cant get alot of the CSS to update. I did link the pages however
Can you help a noobie out?
thank you for watching 🥰🥰
🥰🥰
Awesome website design
Glad you like it
15:38 media query
Excellent video, thank you very much!
You ' r most welcome
thank you
You ' r most welcome!
hey about 8 minutes through when i change the gradient background colour, all the text and bg stays at the top of the browser screen, any idea why this is?... (love the content btw)
a great tutorial
Thanks a lot
Why layout jumps when opening dev tools?
Please can you recommend how i can be good with media query, I'm having issue with the responsivess whenever i create site
The js animation part doesn't work for me, the .icons and . scroll-down classes didn't move
why u use the tag H5 and set font-size? 9:20
Bro is cool
but how do you load then this to a domain like hostinger
please which software are you using
Masallah very design ful and request brother bootstrap 5 design multiple drop-down menu in navbar and you make website
Insha Allah I will try❤❤
How to copy gradient from a figma or photoshop design?
Where do i found the goblin's picture
Excuse me how to make img you insert fit perfectly because when i inserting mu own image it getting too big and it destructing mu website
Hi! how can I import this code (html, css) into WordPress?
Hey bro can i use your design for my page? I just use it for a homework in my school not for selling
Can you please show a build using own costume icons and fonts, no url links? Is it much harder?
Brother please make a video on tour and travel website front end whether forecasting + currency changer + coupon and deals + location is visible by clients option
With All specifications please make it as soon as possible its my final year project
I will try bro .Thanks a lot ❤️
@@tahmidahmed-yt please thora jaldi banana because 2 week bad mera final project hy
Brother please make a video on tour and travel website + whether forecasting + currency changer + location is visible by clients option
With All specifications broo please now make its easy for you i remove deals and coupon option now make please
@@Irfanwrites1 have you done it? I may be able to help
Great website design tutorial
Glad you think so!
how did you make the background of the goblin transparent pls answer
i cant find the project files in the description box like you said ,i literally found nothing.
👍👍👍👍👍
👍👍👍✌
where can I get the image from ?
Hi, how can I give credits in my portfolio or in my github profile that I learned how to do it with this youtube video, does anyone have any example?
what does red and green c icon means?
\
THE document.queryselector is does not working bro
how ?
tahmid bai ekane bx bx-menu icon astece na kno amr kutai bull hyte pare? ami to same to same disi abr arkta index.html kule jokon dsi tkn ashe kintu ekane ashe na kn?
What's the script to open the links on the same page.
Hello, I have an error and I don't know how to fix it 😔 I work in visual studio
👍🏻
❤❤❤
hello fellow programmers i have sth you ask you guys does writing codes following this kind of content makes us like understand more abt html and css somehow? is this what so called practicing everyday?
hello sir. May i ask why my script.js doesnt respond like what you did in your code? Is there something wrong with my vscode
have linked the script in your html sheet?
Hello , i have a problem in choosing colors in every project i start if there is a source which helps us to find beautiful colors.
There's a website
Great video👏 If you did all this work for just a landing page how about large websites with multiple pages? How does it all work, care to explain. Thanks mate
21:00
Where do I get these pictures? ❤❤
Ouah !
🥰!
bro how to make navbar menu responsive using checkbox.
Can you share the Gobling image?
my image not moving right side can you help me
plz send the code in description
My code is displaying differently in Microsft Edge but in Chrome it's showing exactly like this. What should I do to solve these differences?
Don't use Edge. Most developers hate Edge as it's behind.
@@swallowedinthesea11 What browser should I use then?
My script.js file doesn't work how can ı fix it ?