Coding Websites with HTML/CSS Workshop Curriculum Day 6

Position

Relative, Absolute, Fixed, & Static

Images Continued

Sources

  • Unsplash
  • iStock
  • Pexels
  • Creative Commons
  • Vecteezy
  • Gihy

Image Editors

  • Pixlr
  • Vectr
  • Adobe Photoshop

Create a banner


<div id="banner">
    <div>
        <h1 id="banner-text">Hello World!</h1>
    <div>
</div>
#banner {
    background-image: url('../images/banner_new.jpg');
    width: 100%;
    height: 700px;
    background-size: cover;
    background-position: cover;
}