WEEK 1- Hard Mode is now available

The week just started and I’m already experiencing some difficulty but everything is done…..for the most part

Tutorials

Directory

Problem Set

Directory

Blog Questions

  • Describe how the files are organized for the Natours project and how they are linked together.

The natours project is organized with a starter pack, after-file, and final- after file. when you click on the starter you will see a CSS file, image file, and the index file.

In the CSS file you will find style with just pre colors in there.

When you look at the image file you will find a bunch of images that will go into the html and css

The index is just a pre-made HTML

  • Describe two interesting new pieces of CSS or CSS techniques you learned in this first set of tutorials. Include a code sample with Enlighter

Two interesting new techniques I’ve learned was animation-fill-mode which allows the CSS property to animate it’s Target before and after it’s at executed

Ex: div {
  width: 100px;
  height: 100px;
  background: red;
  position: relative;
  animation: mymove 3s;
  animation-fill-mode: forwards;
}

And another technique :: after which tells the content that it goes after

Ex: p::after {
  content: " - Remember this";
  background-color: yellow;
  color: red;
  font-weight: bold;
}


Leave a comment

Your email address will not be published. Required fields are marked *

css.php