Responsive Website Using HTML And CSS Step By Step

[@tahmidahmed-yt]

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

[@BruceWayne-f7u]

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.

[@ador989]

Thanks a million bro, I created this site with my preferred styles but the technique is super clear and correct 🤩

[@tahmidahmed-yt]

Thank you for your kind words 🥰🥰

[@MohanKarthik-lr4lk]

Please share me the code of this website

[@MartinWlass]

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

[@tahmidahmed-yt]

Gratias tibi tam frater quam me adiuvat

[@hi_eklavya]

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.

[@mouinhizem1428]

This is the type of content i was searching for so long thanks keep going ❤

[@tahmidahmed-yt]

Glad you enjoy it!

[@ravish8620]

COC is one of my fav. game i love the most♥️

[@tahmidahmed-yt]

wow❤❤

[@nijamuddin799]

Great website design easy to understand Thanks for your kind work❤

[@abhi_pandey21]

hey do you know where to find goblin's image

[@Gabimaru-]

man you are doing a great job keep doing it Inspired from you

[@tahmidahmed-yt]

Glad to hear that

[@tahmidahmed-yt]

🥰

[@T.RajendhiranThoppaiyankulam]

When coc player become a developer....its awesome bro ...❤

[@tahmidahmed-yt]

Thanks bro

[@geming2582]

Bhagwan ram apko achha rakhe good consept😊

[@CodewithAbdullahNahian]

Thank you so much for this educational video, I learned so much. 😍

[@tahmidahmed-yt]

I'm so glad!

[@XxLordStarLinkxX]

fua! its amazing! i love your work!

[@tahmidahmed-yt]

Thank you so much!

[@alqudesalislami]

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

[@tahmidahmed-yt]

You're welcome 😊

[@kemal6039]

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?

[@S_U_M_E_R]

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

[@imtiazhossan7636]

Thank you so much bhai for this wonderful concept, concept are super clear and also easy to understand......

[@tahmidahmed-yt]

Most welcome bhaijan 😍

[@AkhilMalviya03]

very nice work proud of you brother like you content 🤗🤗🤗

[@tahmidahmed-yt]

Thank you for your kind words 🥰

[@IslamicDuaa-mh2yt]

Great website design bro Keep It up ❤

[@tahmidahmed-yt]

Thanks 🙂

[@technicalSpace26]

Just Awesome, Next level Sir!!

[@tahmidahmed-yt]

Thanks a lot

[@mira.embroidery]

Looks perfect and a great website design tutorial, thank you

[@asnanurq]

The photos and illustrations you use to make website tutorials, on your KZbin are very good, if I may know, where did you download them?

[@itzfred5122]

now i realized how hard it is to make website

[@josephthogo271]

its fuckin hard i feel like giving up

[@web-dev12]

11/10 thank you soo much your the best keep up the good work

[@tahmidahmed-yt]

You ' r most welcome

[@PrinceKumar-hh6yn]

Kya baat h ! Great 👍

[@tahmidahmed-yt]

Thanks a lot 🥰

[@japhethnalami]

Great work . It's was easy following along the design technique was amazing

[@tahmidahmed-yt]

Thanks a lot 😊

[@mohamed.crypto]

Thanks for Your kind work

[@xcaptz]

Outstanding as usual !

[@tahmidahmed-yt]

Thanks a lot!

[@TanniBegom-t8b]

Awesome website design

[@tahmidahmed-yt]

Glad you like it

[@gamenook3]

تبارك الله عليك يا احمد

[@uatzapzap]

Amazing, nice job!

[@tahmidahmed-yt]

Thanks a lot 🥰

[@imkristv7326]

Muy buen video, todo super explicado, eres todo un profesional. Me encantoooooooooooooo.

[@tahmidahmed-yt]

Thanks a lot!!

[@diniduakalanka7100]

thanks sir you are amaizing🥰🥰🥰🥰

[@tahmidahmed-yt]

You' r welcome 🥰😍

[@Mcoder2023]

These days, websites must be responsive and it is necessary

[@TahmidAhmed-jf9mx]

cool website design

[@tahmidahmed-yt]

Glad you like it!

[@silentstar2760]

Great design !!

[@tahmidahmed-yt]

Glad you like it!

[@sayedarifhakimi8705]

wait a good thumbnail clickbait, i saw game + code, i click.

[@ace_oneseven]

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

[@the.codermj]

Great web design bro🩷

[@SubhakshanKarmakar]

Beautiful design❤

[@tahmidahmed-yt]

Thanks a lot 🥰

[@tecinfo2773]

Thanks Very much!

[@tahmidahmed-yt]

Most Welcome!!

[@rokeebqasim]

Awesome🤩, can you provide the resources used pls ?

[@tahmidahmed-yt]

In the description

[@deepayubipinchandraninama]

Thanks a bunch for the detailed video!

[@tahmidahmed-yt]

You're so welcome!

[@SelmaLayane]

i cant find the project files in the description box like you said ,i literally found nothing.

[@cactusdpad]

I love how he steals code within the first two minutes, true developer!

[@tahmidahmed-yt]

😊😊 Thanks bro

[@Rainygan]

those are modules and fonts...

[@Rainygan]

oh... it's a kid. mb mb, yeah he stole codes :]

[@penewoldahh]

Steals code? As in using icons for their intended purpose

[@Rickimarty]

Omg he's not stealing anything

[@8_ikomangdhikaprabaswaraaw380]

Thanks for the tutoral bro

[@tahmidahmed-yt]

Most Welcome bro!

[@AlbaCreativa]

please which software are you using

[@davidorevic6651]

Excellent video, thank you very much!

[@tahmidahmed-yt]

You ' r most welcome

[@leonardigweokolo2813]

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

[@obunu]

i lke thi is good eso es bueno mi hermano

[@Irfanwrites1]

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

[@tahmidahmed-yt]

I will try bro .Thanks a lot ❤️

[@Irfanwrites1]

@@tahmidahmed-yt please thora jaldi banana because 2 week bad mera final project hy

[@Irfanwrites1]

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

[@vsnyk]

@@Irfanwrites1 have you done it? I may be able to help

[@ThamizhselvanK-gx2xd]

Why layout jumps when opening dev tools?

[@AmiraAhmed-b7p]

Very easy to understand

[@tahmidahmed-yt]

Glad to hear that

[@farhasaleh8403]

i dont find the image in description , please can you send the link to me?

[@shaslik1875]

Nice bro!) 👍😊

[@Surya_490]

Thank you so much ❤️

[@tahmidahmed-yt]

You're most welcome

[@tahmidahmed-yt]

❤️❤️

[@joaquincugliare3920]

WOW, THANKS

[@tahmidahmed-yt]

Most welcome bro!

[@football_uz_new]

thanks

[@tahmidahmed-yt]

You're welcome!

[@DoMa_7]

Where do I get these pictures? ❤❤

[@1NightInParisOfficial]

Can you please show a build using own costume icons and fonts, no url links? Is it much harder?

[@ValentinWF]

Impresionante ❤

[@vembrace]

Thank you. Great tutorial.

[@tahmidahmed-yt]

Most welcome!!

[@praiseadigun5723]

I love this

[@tahmidahmed-yt]

Thanks🥰

[@amirasalem3248]

Great work brother, please where can I download this image

[@tahmidahmed-yt]

@@amirasalem3248 please check the video description bro

[@toppinoytrends]

a great tutorial

[@tahmidahmed-yt]

Thanks a lot

[@SiragusaLuca]

Hi! how can I import this code (html, css) into WordPress?

[@virus1422]

love this!!!

[@tahmidahmed-yt]

Thank you so much!!

[@chirag8631]

Can you tell me the name of bgm...its so relaxing 💖

[@khanfanjirawat3889]

thank you

[@tahmidahmed-yt]

Most welcome!

[@makemehappy2969]

Great work! :D Is there any way that i can download the source code pls?

[@tahmidahmed-yt]

In the description

[@luccassouza9514]

why u use the tag H5 and set font-size? 9:20

[@SpeedClips168]

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?

[@guilhermetm5]

The js animation part doesn't work for me, the .icons and . scroll-down classes didn't move

[@cheaptuber641]

How to copy gradient from a figma or photoshop design?

[@YusufHersi-c2g]

yo i need help why is my section part going under the header rather than above it

[@aneeltripathy7420]

where can I get the image from ?

[@Loyola-zc1ud]

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

[@zindagidopalke------4777]

Masallah very design ful and request brother bootstrap 5 design multiple drop-down menu in navbar and you make website

[@tahmidahmed-yt]

Insha Allah I will try❤❤

[@panzagamesplay902]

Please can you recommend how i can be good with media query, I'm having issue with the responsivess whenever i create site

[@Evix-]

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)

[@nijamuddin799]

Great website design tutorial

[@tahmidahmed-yt]

Glad you think so!

[@blidzer1681]

Where do i found the goblin's picture

[@justchap9202]

how did you make the background of the goblin transparent pls answer

[@sureshkumar-cg4ou]

where did you download that goblin image?

[@tahmidahmed-yt]

Please check video description

[@sureshkumar-cg4ou]

@@tahmidahmed-yt i couldn't find that website, can you mention again?

[@ShiroKuroda]

Ouah !

[@tahmidahmed-yt]

🥰!

[@HandEmbroideryTutorials]

Great work

[@abhi_pandey21]

where to find the Goblin's image

[@FabioSilva-xd4nt]

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?

[@swallowedinthesea11]

Don't use Edge. Most developers hate Edge as it's behind.

[@FabioSilva-xd4nt]

@@swallowedinthesea11 What browser should I use then?

[@mahdibna9649]

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.

[@Question-yv2ui]

There's a website

[@maazahmeed5243]

How long does it get to learn this level of skills?

[@swallowedinthesea11]

Just have to practice and keep practicing. Everyone's learning process is different, but practice by starting small. Don't just watch a tutorial and say finished. As you continue to gain more experience, start building something more advanced. It took me about an year to become really confident. The months leading up to that year took a good amount of trials and errors, but all worth it. I recommend learning HTML first and then CSS. They both go hand-in-hand so when you're comfortable with HTML learn CSS. CSS turns your boring HTML into something beautiful by adding colors, fonts, images, etc. so you're a Hollywood plastic surgeon! There are tons of great tutorials here!

[@makumarrr385]

​@@swallowedinthesea11I studied tailwind, bootstrap but still I am not able to design any website when I try to design any website if iam struck I don't know wt to do and I will stop there😢wt to do

[@paintedbooks4416]

How do you open this window where you can make it bigger/smaller?? 0:44

[@ren0257]

it is the console... just press F12 on chrome. on top, select responsive

[@nijamuddin799]

Great

[@ANUJCREATIONS_4518]

Kon kon coc ka thumbnail dekh kar aya he

[@lmora00]

Can you share the Gobling image?

[@ItsMeShaurya]

can anyone help me my logo font colour is not changing

[@tahmidahmed-yt]

.logo a{ color: ab****; }

[@8_ikomangdhikaprabaswaraaw380]

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

[@lajestecreations9939]

but how do you load then this to a domain like hostinger

[@abdullo5070]

Where can I find the image on video?

[@tahmidahmed-yt]

Please check video description!

[@شروقاحمد-غ4ش]

can you send the link of image?

[@tahmidahmed-yt]

Please check the video description

[@mdehsanulhaque4012]

Do you play Clash of Clans now also?

[@krishanaldo3800]

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

[@thegstoic]

have linked the script in your html sheet?

[@lance7399]

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?

[@gokalpatsz313]

My script.js file doesn't work how can ı fix it ?