![]() ![]() Let’s add a large, centered background image to the header.In your code editor, open main.css from the css folder.These are the elements we will be targeting. Inside that, notice the heading and anchor tags.Keep the page open in your browser, and switch back to index.html in your code editor.The rest of the content has been styled already, so we’ll focus on the header. Open index.html from the Full Screen Photo Background folder.Ĭurrently the header has a black background and is sized to the content, but we want it to fill the screen.Make sure you do not open the Done folder! Open that folder in your code editor if it allows you to (like Sublime Text does). For this exercise we’ll be working with the Full Screen Photo Background folder. ![]() Notice how the background always fills the screen, and the type changes size based on the window size!
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |