From the course: CSS: Frameworks & Grids
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Testing and prepping code - CSS Tutorial
From the course: CSS: Frameworks & Grids
Testing and prepping code
- [Voiceover] At this point I've shown you how to take a framework, use it as a starting point for a project, and add in some custom bits. In this video I'd like to go ahead and resolve any styling conflicts and prep our CSS as if this was a finished site. Earlier when we added the custom header we saw that we had a bit of a style conflict. Let's figure that out and to do so I'm going to use inspect element once again. Here I can see that we've got this background color assigned to that element. I can go ahead and uncheck it to preview and see that that indeed is the culprit. And inspector tells me right here what line of my CSS file that I can find that line of code on, and that's 2136. So I'm going to go back to Sublime Text and find that, and here it is. And I'm going to go ahead and delete it. I'll save that, and if we come back and refresh we can see that indeed we made that go away. Now, there's something else going on here too. For one, this menu is a little bit too squished…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.