Update Chapter 2/practace/desert.css

Chapter 2/practace/desert.css

@@ -1,23 +1,60 @@
-body {
-    background-image: url("./img/greyback.jpg");
-    margin: 0px;
-}
-
-main {
-    display: flex;
-    flex-direction: column;
-    margin: 0px 40px;
-}
-
-h1 {
-    font-size: 28pt;
-}
-
-h2 {
-    font-size: 26pt;
-}
-
-p, li {
-    font-size: 16pt;
-}
-
+body {
+    background-image: url("./img/greyback.jpg");
+    margin: 0px;    
+}
+
+main {
+    display: flex;
+    flex-direction: column;
+    margin: 0px 40px;
+}
+
+h1 {
+    font-size: 28pt;
+}
+
+h2 {
+    font-size: 32pt;
+}
+
+p, li {
+    font-size: 18pt;
+}
+
+.plant-card {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+}
+
+.plant-card-header {
+    padding: 10px 0px;
+    margin: 0px;
+    width: 100%;
+}
+
+.plant-card-body {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+}
+
+.plant-card-info {
+    display: flex;
+    width: 60%;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.plant-card-img {
+    margin: auto;
+    padding: 0px 20px;
+}
+
+.plant-card-footer {
+    width: 100%;
+    padding: 10px 0px;
+    margin: 0px;
+}