These types of videos are actually helpful. Please keep it up!
@TheCoderCoder3 ай бұрын
Really glad to hear that! Will do!
@enenotowitch6282 ай бұрын
5:32 - font size 7:25 - img 27:12 - grid 4-2-1
@aztecagames3 ай бұрын
Good timing. I was planning to make my portfolio responsive this week!
@TheCoderCoder3 ай бұрын
Thanks for watching!
@BLACKWIZX2 ай бұрын
Content shift point was so perfect. I really like it . ❤
@mar-flix46363 ай бұрын
Where have you been ? You taught me how to code in HTML during Covid time . I really appreciate you 🎉. Thank You
@joshimihir4378Ай бұрын
thankyou , i was confuse for making responsive lyouts for my website. but after seeing your video i am clear about that....😊😊
@muhammadshariq58622 ай бұрын
I dont think any video is better than this one on the internet on responsiveness
@mohammadrezaalirezaei58923 ай бұрын
you explained many usefull tricks blandly. thanks a lot 🙏❤
@venkyman498527 күн бұрын
Ohh, the parent treats each child instead of forcing it to its conforms? I LOVE Flexbox!
@eugeneescario4843 ай бұрын
Is it possible for you to create a tutorial about CSS frameworks like Tailwind and Bootstrap, and also JavaScript frameworks like React in the future? I love how the way you teach.
@TheCoderCoder2 ай бұрын
Thanks for your kind words! I don't consider myself a JS expert at the moment, enough to teach, but perhaps in the future!
@christiaanterveen46333 ай бұрын
Another very helpfull video. I just finished up my responsive Drupal theme using media queries and lots of calc. Much like the flexbox method, but without flexbox. Your previous videos on using rem for responsive design was early enough to implement immediately, as is the part on the images in this video. I'm also saving this one for version two, I can definitively use grid for my footer menu.
@TheCoderCoder3 ай бұрын
Awesome! Glad that the videos have been helpful for you!
@opencode13 ай бұрын
Always a big fan of you. THank you very much for this videos Jess. Really Really appriciated
@TheCoderCoder3 ай бұрын
Thanks for watching!
@akosyt4540Ай бұрын
I've learned a lot of new things from this video , thank youu !
@MuhdBasiirZulkifle24 күн бұрын
Thank you for this valuable lesson.
@abhaypundora68413 ай бұрын
Please continue these types of videos
@TheCoderCoder3 ай бұрын
Thanks for watching!
@frankie_goestohollywood3 ай бұрын
Love your tutorials 👍 Thank you 🤓 Btw, I set my theme in VSCode to your coder-coder theme a while back - it’s my favorite 🙌
@TheCoderCoder3 ай бұрын
Thanks very much!
@AlThePal783 ай бұрын
very good explanation thanks :) helps out a lot
@sonoftroy85723 ай бұрын
Just so you know, I just subscribed! Great educational content!
@tree_jack3 ай бұрын
This video is right on time! Thank you!
@TheCoderCoder3 ай бұрын
Hope it's helpful for you!
@IAmMammajam2 ай бұрын
Thank you for your content, it's really informative and helpful.
@eyeone-pc3vxАй бұрын
What a nice tutorial video !!
@the_anonymous3693 ай бұрын
the legend is back
@TheCoderCoder3 ай бұрын
Thanks!
@ouadiebahi4192 ай бұрын
life saver, thank you a lot
@dimasaryanto27963 ай бұрын
THANKS MAM! YOU'RE A MIRACLE!
@TheCoderCoder3 ай бұрын
Thanks for watching!
@ROYALGRAPHICS_yt2 ай бұрын
thanks so much. the content was helpful
@TheCoderCoder2 ай бұрын
Glad it was helpful!
@莊子-e3v2 ай бұрын
perfact video, I love it good
@tgayush14243 ай бұрын
Thanks i was required this to do
@Jonathan36514 күн бұрын
Mam can u make an video about only media queries .... U r content is very informative can u make one video on media queries plz mam ... Teaching was awesome
@seanwang5713 ай бұрын
so useful , thanks
@paulangelobasilio2041Ай бұрын
thank you, im struggling at making my website responsive ty
@EliT3xEleM3nT20 күн бұрын
How do you pull up the window on the right to test responsiveness on different screen sizes? 😅
@miketembo88513 ай бұрын
Great video
@abdulahadehsan99773 ай бұрын
When will you release a new project build video on your other channel? Eagerly waiting for that
@TheCoderCoder3 ай бұрын
should be next week!
@Atractiondj2 ай бұрын
clamp for font-size without @media is not good solution from visual point. Better to use 2 size one with min(x,x) for pc and tablet, and one media for mobile with clamp.
@nurikaraca22972 ай бұрын
Do you like using Tailwind?
@InterestingasfShort2 ай бұрын
hey, what coding program are you using? thanks
@TheCoderCoder2 ай бұрын
I used VS Code (on the left) and Firefox on the right
@InterestingasfShort2 ай бұрын
@@TheCoderCoder thank you!
@tgayush14243 ай бұрын
Don't you use tailwind css?
@blackcoder25103 ай бұрын
Am Good with Django flask ruby on rails JavaScript but CSS3 not, I don't know why but am not good it
@TheCoderCoder3 ай бұрын
There's definitely a learning curve, but just keep practicing and it should get easier over time
@chrisicotec76523 ай бұрын
ive never seen media queries written this way, is that specific to scss or can it be done using vanilla css?
@TheCoderCoder3 ай бұрын
Nice, thanks for watching!
@TheCoderCoder3 ай бұрын
It's an SCSS thing, unfortunately you can't nest media queries like that with pure CSS (one reason why I still like Sass/SCSS)
@chrisicotec76523 ай бұрын
@@TheCoderCoder I see, ive not fully gotten myself into using sass, even though i would consider myself well experienced,i took a long sabbatical, im from back in the early days of development, i refuse to use frameworks, im familiar with the syntax but sass just throws me,i think its the nesting aspect of it and my old man brain just cant absorb it soi spend a lot of time writing "clusters" of css on a project
@iam4cyberlord3 ай бұрын
Can you make another one with Tailwind CSS please
@rgmazon3 ай бұрын
what VS Code theme are you using?
@TheCoderCoder3 ай бұрын
My own, called Coder Coder Dark! you can get it thru the VS Code Marketplace, also linked in the description
@UrAveragePlayer0Ай бұрын
Are you able to post the code you're using in the video?
@TheCoderCoderАй бұрын
Just posted it, it's linked in the description now! github.com/thecodercoder/make-website-responsive
@chestoehh2 ай бұрын
I like how you explain. Unfortunatelly you didn't show in this video with the topic responsive the container queries. I would like to see the explaination by you and if I like it again, I will subscribe. Now I will check out your channel first, maybe you have done such video already :)
@existentialism_013 ай бұрын
i was making my portfolio, just finished responsive design of it (i am beginner) , what i'v came across is that when it is about vertical responsivity, certain containers with 100vh , get blended up in each other . i was wondering if there was any solution available online but i couldn't manage to find one. any tips for for certain scenario? thanks
@TheCoderCoder3 ай бұрын
hmm, it's hard to say without looking at the actual code. Which parts are getting blended?
@existentialism_013 ай бұрын
@@TheCoderCoder for example a container where i am introducing myself has 100vh , and i also have projects container with 100vh below it , whenever i go to my website on mobile and rotate it , they both blend up with eachother.
@damjandjordjevic19943 ай бұрын
@@existentialism_01 change box sizing, maybe?
@existentialism_013 ай бұрын
@@damjandjordjevic1994 hm, i'll try that.
@AlThePal783 ай бұрын
what is the name of this site becasue there are a thousand of them
@TheCoderCoder3 ай бұрын
It's called "Fluid Typography Calculator" and it's on a github.io page. Hope this helps!
@mohamedashraf67774 күн бұрын
i use the “clamp” for responsive grid 😅😅
@Admin9o53 ай бұрын
❤❤❤
@hariprasatht90823 ай бұрын
❤
@iamgourav62562 ай бұрын
こんにちは
@javaremastered15302 ай бұрын
after seeing mediatypes all laugh become cry???
@webdevs4funАй бұрын
10 years working with images overlapping when inserting them into html, and you just: img {max-width: 100%;} To all images 😭 I feel the stupid person on earth 🥺.
@Frosty-q9u3 ай бұрын
Y do u love unicorns?
@TheCoderCoder3 ай бұрын
why not? 🦄
@wayneshen52013 ай бұрын
AI do the work
@noliimitmm2 ай бұрын
It really doesn't, go and ask your AI to make your website responsive. It will fail every time.