diff --git a/Introduction to CSS/Lesson 3/styles.css b/Introduction to CSS/Lesson 3/styles.css index 045b85bb..87da87af 100644 --- a/Introduction to CSS/Lesson 3/styles.css +++ b/Introduction to CSS/Lesson 3/styles.css @@ -77,9 +77,13 @@ html, body { } .container { - max-width: 900px; +/* max-width: 900px; margin: 0 auto; - padding: 0 1.5em; + padding: 0 1.5em; */ + + display: flex; + justify-content: center; + margin: 25px; } .section-header { font-family: "Metal Mania"; @@ -130,7 +134,7 @@ html, body { } .btn-header { - margin: .5em 15% 2em 15%; +/* margin: .5em 15% 2em 15%; */ color: white; border: 2px solid #2D9CDB; background-color: rgba(255, 255, 255, .1); @@ -146,7 +150,7 @@ html, body { } .btn-play { - display: block; +/* display: block; margin: 0 auto; color: #2D9CDB; font-size: 4em; @@ -154,7 +158,19 @@ html, body { width: 100px; height: 100px; padding: 0; - text-align: center; + text-align: center; */ + display: flex; + margin: 0 auto; + color: #2D9CDB; + font-size: 4em; + border-radius: 50%; + width: 100px; + height: 100px; + padding: 0px; + /* text-align: center; */ + justify-content: center; + align-items: center; + padding-left: 14px; } .btn-primary { @@ -337,4 +353,4 @@ html, body { display: block; margin: 40px auto 80px auto; font-size: 1.75em; -} \ No newline at end of file +}