diff --git a/index .css b/index .css new file mode 100644 index 0000000..f5094de --- /dev/null +++ b/index .css @@ -0,0 +1,53 @@ +*{ + padding: 0; + margin: 0; + box-sizing: border-box; +} + +.container{ + height: 100vh; + width: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.card{ + width: 20%; + display: flex; + flex-direction: column; + +} + +.card-one{ + width: 100%; +} + +.card-one img{ + width: 100%; + +} + +.card-two{ + width: 100%; + padding: 1rem; + + + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; +} + +.card-two h1{ + font-size: 1.5rem; +} +.card-two h2{ + font-size: 1.2rem; + margin-bottom: 1rem; + color:grey; +} + +.card-two a{ + text-decoration: none; + background-color: black; + color: white; + padding: 5px 10px; +} \ No newline at end of file diff --git a/index.html b/index.html index c792f1a..9aeaf8a 100644 --- a/index.html +++ b/index.html @@ -3,22 +3,24 @@
-