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

Testing and prepping code - CSS Tutorial

From the course: CSS: Frameworks & Grids

Start my 1-month free trial

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…

Contents