updates

step1-02/README.md

@@ -48,98 +48,6 @@ Selectors can be a single tag, class, ID, or attribute. It can also be a [combin
 Below is a series of selectors and property/value combinations that we'll apply to our CSS demo page.
 
 ```css
-/* Targeting the entire page */
-body {
-  font: 1.2em sans-serif;
-}
-
-/* Targeting an HTML tag */
-h1 {
-  /* Color name */
-  color: black;
-
-  /* 6-digit hex  */
-  background: #ababab;
-
-  /* Margin: specified separately for each side */
-  margin-bottom: 15px;
-  margin-top: 15px;
-
-  /* Shorthand: Padding applies to all sides  */
-  padding: 10px;
-
-  /* Border shorthand and 3-digit hex */
-  border: 1px solid #ddd;
-}
-
-/* Overriding inherited styles */
-span {
-  color: #004578;
-}
-
-/* Sibling selector */
-a ~ a {
-  /* Changing elements from inline to block */
-  display: block;
-}
-
-/* Targeting a class name  */
-.tiles {
-  display: flex;
-}
-
-/* Descendant selector */
-.tiles img {
-  width: 100%;
-}
-
-/* Direct descendant selector */
-.tiles > div {
-  /* rgb color */
-  background: rgb(10, 10, 10);
-  color: white;
-  flex-basis: 100%;
-  /* Padding/margin shorthand. Goes clockwise from top.
-  10px - all
-  10px 20px - top/bottom left/right
-  10px 20px 15px - top left/right bottom
-  */
-  padding: 10px 20px 15px;
-  margin: 10px 20px 10px 0;
-  border: 1px solid white;
-}
-
-/* Qualified selector */
-div.important-links {
-  background: #004578;
-}
-
-/* Style inheritance only works for unstyled elements */
-a {
-  color: white;
-}
-
-/* Hover pseudo-selector */
-a:hover {
-  color: #ccc;
-}
-
-/* Positional pseudo-selector  */
-.tiles > div:last-child {
-  /* overrides margin-right but leaves other margins alone */
-  margin-right: 0;
-}
-
-/* ID selector */
-#contact-form {
-  display: flex;
-  flex-direction: column;
-}
-
-/* Attribute selector */
-input[type='submit'] {
-  margin-top: 10px;
-}
 ```
 
 ## Next Step