cleaner layout images in readme

Bowers96 · Mar 28, 2016 · 779727b · 779727b
1 parent 4be5d1a
commit 779727b
Show file tree

Hide file tree

Showing 9 changed files with 4 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -49,19 +49,19 @@ Every one of these attributes, including `height` and `width`, can be specified
 ### Float and Clear
 Block elements, as a rule, always stack vertically - never side by side. Each block element effectively has a 'new-line' built into it, forcing the next piece of content down.
 
-![Floated Block Elements](images/floated-block-elements-01.jpg)
+![Floated Block Elements](images/floated-block-elements-01.png)
 
 This can be circumvented using the `float` property; floated elements act like words within a block of text, wrapping around the screen when it is too narrow to display the entire line.
 
-![Floated Block Elements](images/floated-block-elements-02.jpg)
+![Floated Block Elements](images/floated-block-elements-02.png)
 
-![Floated Block Elements](images/floated-block-elements-03.jpg)
+![Floated Block Elements](images/floated-block-elements-03.png)
 
 Like words, floated elements can be stacked from left-to-right (_left-floated_) or from right-to-left (_right-floated_)
 
 To make something fall beneath a set of floated elements, rather then wrapping around it, you can use the `clear` attribute; set clear to `left` to clear a `left` float, `right` to clear a `right` float, or `both` to clear either kind of float.
 
-![Clearing a Float](images/floated-block-elements-04.jpg)
+![Clearing a Float](images/floated-block-elements-04.png)
 
 > Ordinarily, elements expand to hold their containers. However, floated elements are excluded from this, so floating an element may lead to its container's height shrinking down to nothing. Keep this in mind when using floats!
 

diff --git a/images/floated-block-elements-01.jpg b/images/floated-block-elements-01.jpg
diff --git a/images/floated-block-elements-01.png b/images/floated-block-elements-01.png
diff --git a/images/floated-block-elements-02.jpg b/images/floated-block-elements-02.jpg
diff --git a/images/floated-block-elements-02.png b/images/floated-block-elements-02.png
diff --git a/images/floated-block-elements-03.jpg b/images/floated-block-elements-03.jpg
diff --git a/images/floated-block-elements-03.png b/images/floated-block-elements-03.png
diff --git a/images/floated-block-elements-04.jpg b/images/floated-block-elements-04.jpg
diff --git a/images/floated-block-elements-04.png b/images/floated-block-elements-04.png