diff --git a/layout-practice/bg-img.png b/layout-practice/bg-img.png index 73d16d7..a4f333f 100644 Binary files a/layout-practice/bg-img.png and b/layout-practice/bg-img.png differ diff --git a/layout-practice/big-img.png b/layout-practice/big-img.png new file mode 100644 index 0000000..263ba32 Binary files /dev/null and b/layout-practice/big-img.png differ diff --git a/layout-practice/layout-practice.css b/layout-practice/layout-practice.css index 020f758..0074cdf 100644 --- a/layout-practice/layout-practice.css +++ b/layout-practice/layout-practice.css @@ -15,11 +15,15 @@ white:#ffffff; main header { background-image:url("bg-img.png"); - background-size:1500px 1050px; - height:810px; + background-size:/*1500px 1050px*/cover; + height:750px; margin:0; } +main header p { + margin-top:-10px; +} + h1 { font-weight:100; font-size:60px; @@ -68,7 +72,7 @@ a { display:flex; width:100px; justify-content: center; - padding:15px 50px 15px 50px; + padding:5px 40px 5px 40px; border-radius: 2px; margin-bottom:20px; margin-top:10px; @@ -424,6 +428,12 @@ footer { /*desktop styles*/ @media screen and (min-width:1142px){ + main header { + background-image:url("bg-img.png"); + background-size:/*1500px 1050px*/cover; + height:750px; + margin:0; + } .two-column{ display:flex;