![]() And then I want to clean up some basic junk that happens in the browser. We're gonna have a mid color that we can use kind of a mid gray and then once said a white we'll just go plain white. But let's set a color for our darkest color will be black. But we're using CSS variables, which will make life easier, I'll show you why in a minute. ![]() ![]() So I'm gonna use plain.css, this is a stuff that you can use in any browser with the possible exception of like IE. ![]() And let's just make some basic styles here. In styles, we're gonna create a file and I'm gonna call it global.css. So what I'm gonna do is, let's create a new folder, and this folder is gonna be called styles. So the first thing that you're probably gonna run into in Gatsby is needing to set up some global styles. You wanna have your fonts typically are gonna be set globally, you're gonna have some baseline like typography settings for line heights and stuff like that. So the biggest thing when you're looking at any site is you're gonna start to see global things, you wanna have shared color palette. So the next thing we're gonna do is we're gonna look at at styling Gatsby sites. > Now we've got what starting to look like a website here, we've got this common header, we've got navigation, but clearly this is not styled, we have not made this look like anything. Transcript from the "Add Global CSS Styles" Lesson
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |