How to build a simple responsive layout with CSS grid

[@jp-cb1sw]

Just wanted to thank you. I followed your web developer plan that you posted on IG. I can't remember the date but it was a plan to become to front end developer. I signed up for LinkedIn online classes. I learned html CSS javascript and python. I got hired last month as a entry level developer and I love it. Your story about how you started with data entry gave me the confidence to apply to jobs.

[@unchart_d]

john john All thr best man, tell others too to join@coder coder

[@TheCoderCoder]

Oh my gosh, that's awesome!! Congratulations!!!! That's a huge accomplishment, way to go! 🎉🎉🎉

[@Karinnederland]

Congrats John! Which courses did you take on LinkedIn? I am following freecodecamp and now Coder coder :)

[@agoatlayingabout8536]

Getting back into coding and wanting to update my website. This was extremely helpful and yet so simple. Thank you for this!

[@Moordu]

I have watched several videos on CSS Grind in past 1-2h and I was more confused than I was before watching any videos. Until I landed on your channel, you my lady are a code queen :D U got yourself a sub for life. Thank you a lot.

[@tmly283]

thank you! your presentation is clear and I love that you went beyond the objective of the talk to show more tips and tricks..

[@germansiciliano9241]

Not overly simplified or complicated , perfect!

[@TheSclare]

Many thanks for your effort Jessica, keep it up!

[@TheCoderCoder]

Thanks so much! 😊

[@ozzyfromspace]

I love how this video was a cover to expose more people to grid 😅❤️☮️ Awesome explanations, Jessica!

[@anuvabkumarrit4669]

It was really simple and knowledgeable, loved it.

[@forthepeople2016]

Explained Very Well mam... I was facing some Issues with Grid Columns ... But you have resolved it for me for life time

[@military_grade_dev7087]

Thank you so much for a great video once again, I'm going the self-taught web dev route and I've been taught so much from your videos.

[@GBobFree206]

Awesome. Exactly what I was looking for.

[@beccuh]

Another amazing video! Thank you so much for creating such helpful content 😆

[@TheCoderCoder]

You're very welcome!! Glad it's helpful for you 😁

[@GuiltyNoticer]

This is a really awesome channel. Hope to see more from you in the future.

[@TheCoderCoder]

Thanks so much!

[@guhkunpatata3150]

amazing video, clear explanation. great content !

[@jssecrets]

you have a very good teaching skills. keep it up!

[@norbutamang8400]

I just love love love your intro!! Amazing!

[@jaggyjut]

Great content and really like your teaching style.

[@ANdR3WISCOOL]

Although I normally get Bootstrap to take care of this for me, this was certainly a very detailed tutorial. Thank you.

[@baperplay1362]

Thank you jess

[@zmatical7824]

Your videos are awesome! Well explained, and you even go further into explaining the smallest details. Keep up the good content! I am already subbed with a post notty ;)

[@alire7918]

Another amazing video! Thank you very much for creating such helpful content. your channel is really awesome!

[@TheCoderCoder]

Thanks for the feedback !

[@provetome1199]

Love this KZbin channel! ❤️

[@alfredbrown3304]

continue providing such awsome tutorials please

[@KamTechTravelTech]

Thanks friend :)

[@mohamedaboelfotoh7692]

A question: Why we use npm sass compiling packages while we can use the VS Code extension?

[@ckernest]

Great video! Thank you

[@esagecantu]

I am trying to build up my Web Dev portfolio and the two-columns responsive layout was a major issue. Thank you for helping me out figure that out. For some reason, VSC was not picking up the @media and I used to the CodePen to finish the project. I am going to google to see why it didn't work in VSC. But is you can help me out, I would appreciate it.

[@ishworgautam9717]

That you for well explained 🥰

[@minli8394]

Nice video, thank You! What is the reason and benefit to use em in media query instead of just pixels in this case. It takes extra time to calculate.

[@unchart_d]

Wow, thank you its time to stand out as woman that you got this too. #teamCoderCoder

[@TheCoderCoder]

Thank you! 😁

[@Jean-pp5mc]

Thank you! So cute :)

[@Jonycor222]

Can I lean this with out going to school ?

[@alfredbrown3304]

It is very useful for us

[@genosoo]

supeeerrrr cooolllll thankyou maam!

[@oni1ecram123]

grid is a new version of using columns? *just_asking is css = scss ??

[@itzmeagain2864]

Hi when I use VSCODE and type the code for the back ground colour and main content background it doesn’t change or update. On your video the colour black “#101010” shows yellow and on mine it is a pinky/orange

[@itzmeagain2864]

Maybe the complier isn’t working for me

[@f3rro_685]

hey jessica i tried to connect scss somehow i couldn't manage to make connection with html and instead i used just css.

[@Davidtresmoore]

very appropriate and pleasant background music in addition to the helpful content of the video, half the time coding tutorial background music is obnoxious

[@TheCoderCoder]

Glad you liked it!

[@Dachshundwarlord]

Thank you for the wonderful video! Well done. Also, I love the music. Question for you: From my understanding (or lack of) scss and/or sass is easier for the human to read, and thats why its used correct? But I see that this scss file also creates a css file, so doesn't this take up more space? But then again, I guess it's just markup, so maybe its irrelevant...Thanks!

[@TheCoderCoder]

Sass/SCSS has features that make it faster to write styles than pure CSS, but yes, it needs to be compiled to a final CSS file because browsers can't read SCSS files. It does create extra files but it's worth it for what Sass gives you!

[@Dachshundwarlord]

@@TheCoderCoder Thank you for the response. I subscribed! Keep going and you are wonderful. Happy Friday!

[@zachhandler9432]

How do you set a max width so that it doesn't keep growing?

[@TheCoderCoder]

I will usually set a max-width value for the parent element, if that helps!

[@philip9677]

Hi just wondering whats the best setup to set spacing for the container and text, do you set padding on the h1/h2/h3/p elements and container. I usually set a container padding then the text tags to have a padding bottom

[@TheCoderCoder]

I'll usually do some container padding, then just a bottom margin on text elements. Your way works too!

[@thedevlife]

Awesome video!! I have a question, what extensions do you use to watch your sass and to serve your site?

[@TheCoderCoder]

Live Sass, which will also install Live Server 👍

[@thedevlife]

Coder Coder thank you, that seemed very helpful. I shall give those two a try 👍

[@kanny8742]

It took me a while to realize when did Smriti start coding😂

[@rakshitarenja7123]

Hy I was trying index.php file instead of index.html file Because my index page was having some variables to store in database so I use php But then the sass didnt work

[@TheCoderCoder]

Hmm, it should work with PHP too. What specifically is not working?

[@rakshitarenja7123]

Scss or i say css is not showing any effect of connectivity

[@TheCoderCoder]

@@rakshitarenja7123 I can't fix it for you since I'm not sure what is going on exactly, but I can advise you to go step by step to troubleshoot the problem. Check if it's throwing an error, check if the CSS file is getting generated, and if all your paths are correct. Good luck!

[@igu642]

❤❤

[@paulabeatriz9968]

Show code