Where Form 5495 Brackets 2017-2023

Welcome to part seven of the dharma yoga website series in this video we're going to add our media queries to give the website its responsiveness so on the left here is how the website appears right now and on the right that I'm going through is how it's gonna look by the end of this video okay so let's do away with the finished version I'm actually going to leave this one open so we can watch the changes as as we're adding the CSS so go ahead and just open up the CSS file that we've been working on and I'm going to add a note or a comment saying that the media queries are starting here so you can just write media queries or really write whatever you like here and then I'll just drop down and start the media query so you want to write at media screen and in parentheses max-width 740 pixels so everything 740 pixels and below we'll switch to these media query styles that we give it with the CSS so now you need to open and close swirly brackets and then the styles will open and close themselves within these brackets so let's get started from the top with our wrapper so we're just going to add a little bit of our take away a little bit of space at the very top so there's not a whole lot of space between the phone number and the top of the website so right div ID wrapper and then let's take away some margin from the top so right margin top negative 1% okay so if you look at it on the phone it's going to take a little bit of space away at the very top and now let's drop down...