From 900636a2564fc93d70d4c70fe6e206b6db89a9b8 Mon Sep 17 00:00:00 2001 From: Maxwell Benton <maxwellbenton@gmail.com> Date: Wed, 4 Dec 2019 11:32:05 -0500 Subject: [PATCH] formatting pass --- README.md | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 1875f4d..d186b25 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,22 @@ # Making The Web Look Good With CSS -We've learned a bit about HTML. While HTML does a great job of putting words and pictures on the page, CSS exists to make your content _look good_. +We've learned a bit about HTML. While HTML does a great job of putting words +and pictures on the page, CSS exists to make your content _look good_.  -Let's take a look at a rather simple example of what CSS does. Go ahead and flip between the HTML and CSS tabs of the CodePen below. You'll see the HTML sections has just a simple header: `<h1>This Is My Header</h1>`. The text turns up red though. How is that possible? The magic of CSS is how. Click on the CSS tab. You'll notice we set the color to red with this line: `color: red`. If you change the `red` to `green` what happens? It turns green! BOOM You just wrote your first CSS. Congrats! +Let's take a look at a rather simple example of what CSS does. Go ahead and +flip between the HTML and CSS tabs of the CodePen below. You'll see the HTML +sections has just a simple header: `<h1>This Is My Header</h1>`. The text turns +up red though. How is that possible? The magic of CSS is how. Click on the CSS +tab. You'll notice we set the color to red with this line: `color: red`. If you change +the `red` to `green` what happens? It turns green! BOOM You just wrote your first +CSS. Congrats! <iframe height='265' scrolling='no' title='EWozNm' src='//codepen.io/joemburgess/embed/EWozNm/?height=265&theme-id=0&default-tab=html,result&embed-version=2&editable=true' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='http://codepen.io/joemburgess/pen/EWozNm/'>EWozNm</a> by Joe Burgess (<a href='http://codepen.io/joemburgess'>@joemburgess</a>) on <a href='http://codepen.io'>CodePen</a>. </iframe> -Now that you understand the basics of CSS, continue onto the next lesson and get a deeper understanding of CSS. +Now that you understand the basics of CSS, continue onto the next lesson and +get a deeper understanding of CSS. <p class='util--hide'>View <a href='https://learn.co/lessons/styling-with-css-intro'>Styling With Css Intro</a> on Learn.co and start learning to code for free.</p>