London10 - Yulia - HTML-CSS-Challenges

Form-Controls/index.html

@@ -13,14 +13,50 @@
     <h1>Product Pick</h1>
   </header>
   <main>
-  <form>
-    <!-- write your html here-->
-    <!-- try writing out the requirements first-->
-  </form>
-
+    <form>
+      <div class="form-group">
+        <label for="name">Name:</label>
+        <input type="text" id="name" name="name" required minlength="2">
+      </div>
+
+      <div class="form-group">
+        <label for="email">Email:</label>
+        <input type="email" id="email" name="email" required>
+      </div>
+
+      <div class="form-group">
+        <label for="color">Color:</label>
+        <select id="color" name="color" required>
+          <option value="">Select a color</option>
+          <option value="red">Red</option>
+          <option value="blue">Blue</option>
+          <option value="green">Green</option>
+        </select>
+      </div>
+
+      <div class="form-group">
+        <label for="size">Size:</label>
+        <select id="size" name="size" required>
+          <option value="">Select a size</option>
+          <option value="XS">XS</option>
+          <option value="S">S</option>
+          <option value="M">M</option>
+          <option value="L">L</option>
+          <option value="XL">XL</option>
+          <option value="XXL">XXL</option>
+        </select>
+      </div>
+
+      <div class="form-group">
+        <label for="delivery-date">Delivery Date (within next four weeks):</label>
+        <input type="date" id="delivery-date" name="delivery-date" required min="2023-06-02" max="2023-06-30">
+      </div>
+
+      <input type="submit" value="Submit">
+    </form>
   </main>
   <footer>
-    <!-- change to your name-->
+    <h2>Yulia Hospodar </h2>
     <h2>By HOMEWORK SOLUTION</h2>
   </footer>
 </body>

Form-Controls/styles.css

@@ -0,0 +1,28 @@
+body{
+    text-align: center;
+}
+
+.form-group {
+    margin-bottom: 10px;
+    text-align: center;
+  }
+
+  label {
+    display: block;
+    font-weight: bold;
+  }
+
+  input[type="text"],
+  input[type="email"],
+  select {
+    width: 300px;
+    height: 30px;
+    margin-top: 5px;
+  }
+
+  input[type="submit"] {
+    width: 100px;
+    height: 30px;
+    margin-top: 10px;
+    text-align: center;
+  }

Two-Truths-One-Lie/index.html

@@ -15,10 +15,25 @@
       <h1>Two Truths, One Lie</h1>
   </header>
   <main>
-    <!-- how will you mark up your media objects -->
+    <section class="card">
+      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSJB-LNm-0OOD5g1FEXFqDsLgSZEGuaWJA8zw&usqp=CAU" alt="Image 1">
+      <p>I have traveled to five different countries.</p>
+      <p>I can speak three languages fluently.</p>
+      <p>I have climbed Mount Everest.</p>
+    </section>
+
+    <section class="card">
+      <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxMSEhUSEhIVFhUVFRUWFRcVFRUVFxUVFRUWFhcSFRUYHSggGBolHRUVITEhJSkrLi4uFx8zODMtNygtLisBCgoKDg0OGhAQGi0lHSUtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLf/AABEIAKgBLAMBIgACEQEDEQH/xAAbAAABBQEBAAAAAAAAAAAAAAAFAAIDBAYBB//EADwQAAEDAQYDBgMHBAEFAQAAAAEAAhEDBAUSITFBUWFxBhMigZGhMrHBQlJictHh8BQjgpLCBzNDsvEW/8QAGgEAAgMBAQAAAAAAAAAAAAAAAQIAAwQFBv/EADIRAAICAQIDBQgCAQUAAAAAAAABAhEDITEEElEFE0FhcSKBkaGxwdHwMuHxFBUjQpL/2gAMAwEAAhEDEQA/AMVQvGq37RI4HP5rRXRbG1YMQ4EEt+o5LK4U+i8tMtJB4jJdGMqOTjzOLNhe9Qta9oEd5n5brMOYpzeDyQHuLhpnt0UtSkn3LMuTvXaBzqadQbmOqsvpJrGZjqhRQ0egmmAM0Mv+wd5RdAzAxDqP2lFKFgaCHFxe7i4zEjYbKd1JE9RLH3kWpLcztwV+9ogk+Jvhd1Gh9IRB1IoT2dpYLRWpbaj/ABMfIrQliiZTwycsS5t9n6rQoOYRmuGqiOBQusgKho5GtimKyWMKV9iKrmzEHRBhTkhxammmphSISjilouK2FMwhSOqAuLQfEACRyMgH2KYaZUoV+QsCXdp7QpMCAyjZXdTVO7bUKzXOb8IeWtP3gI8XrKEdsr0gdww5kf3CNhs3z3/dHLjsvd2em38AJ6uzPuUvNrRQpqeVwXhv69PyPqUlBaHBjS9xgASSrdqrBjcRBjIZCdTA9ysz2pvkgmiyJiHk5xP2QOKLdAzTjji2zM3hajVqOedzkOA2HotrcDALPTEbT6kn6rBrc9nSXWdh4SP9XEJMe5zuCd5G30L7geCjIKkNNyY6iVadFryG4F0MAVJlqms6l91gcepOnpHqrcI3YqkmSiFzCFXdKQqKUTnRO4BMc4KCo8qEuUorlkQ95kqZlJVWvhSf1KgkZLxJnMTMK6yuDqpclLHpPYz3dFO7rmpIXCEDzlDCwq/YqkjCdRp0VYhPYMwRqmWgIumXHMUXdq3hTcCYucbNpYH4qTHcWj10KmLuKodm6s08PAmOn8KvOtVPGKeIYzOXTPPggegxTuEZda+Jn3DBbp2eP+MfMI8QhvaOzQGVBqx3sdPce6J0KmNodxAKA2D2Jzj538f7GwuqTChtzVi+nJMkOcPeR7EKWabVpdftX5L6WAFcDk8KWWqJG6konUgVaTSxDmLO7BlqsMw5uTm/CeurTyP6HZdpOxCYjYg6g8Cr5plV61Ag42iTo5v3hy/ENuOnRWyd1TsgfS5LM3/foZTApTjeJz1Y3SSPvcAtHfV4ijSxthznZMG3U8gvObW7E4veZcTn1Vcp1ojHxs3CNQdPr0/sGsbLhiky4TnmZOea9XqeHCI1OEQJ2J8hA1XmMjZvvCKXlfdorZF2BsRDJHqdSljZzeFz4+HjK9W6qvL9/oP9pL8ZSaWUyHVDllBwfiPPgFgCSSSTJOZJ3J3U5oQuOp8EXqZeJ4meaVtUvBFchb7sRVD7PhOrHEeTvED7n0WGLES7P3w6y1C4NxNcIc2YkbEHiPqVFoxuDzLFlUpbbM9JdRUFpDWNL3ZBokk7AJl1XlTtLg6nUya3OmYDpJGZHKNRlmVmu3l74nf07Dk3OoRu7Zvlr16J29LO3mzwhi7zfp5so9na+O2PcR8bXnyOFzR5Ba00QsF2ZrBlppE6F0H/ACaWj3IXpTqIQxvQzcB7eN3vb+wNfRCi/pxKJGzpjrOrLNXc2DalEFVn00XNFQ1bMomJPB4oGd0Co30VeqUCFAWFNZmlj8isaZXcBU2aShXyoHwmkKSFyFDgnCE9gXC1PY1QATa3JccAFFWtzWeGCSAJ9FEy0Y84RbRobRaZbXtBaxxAPDU+a5dzsNVjjsQT65qJqsWbJzTwIPoUC2F2r8Pyai8KpfTc0U3EEanICM55qvc5qYWgBuAEgkzi1nLbdH3iR1Qu7GwHM4OP6fRBs7yx/wDInZbCEdn2RSP53fRFy1DrlZDHDg9w+SXmL+T24v1+xZISAU2FcwoWaFEjwroaVMGp4YhZZGJE0FK0Vm02l7yABufkq963myg3PN5+FvHmeAWaszKlpqjvAan2sE4WNHM7DTTNVynQ7nWi3A9/3ga1Q4GmDMASeuXE6lBa1me2C9jmg6EgieYnVbercbAS12ZnUEtAnVojOEKvOyUm+FoEjN2Z0GeHrvy81SpXKkc3iuCm4vJN6+H4qvuZl9IgwpmQFK6mXEkpppK2zj90QFkyfJRGnGiuvpnTgPc5/slhw5lMI8RSNMQoKlPhKIYcRynPhwVll31XNL6VFzmt1cGkgdTx5KOS3YO4cnSQCaXNMgkEbgkEeaYSrVSd00WcnQTyGvol0KHjd0VxlmNRmOR4r2C7rQ2tSZUA+NoPQ7jyMheQlkLd/wDT63BzHWcnxNJcwcQdY6HPzTQdM6PZc6yuD8V81/VmpfTbwUD2TorT6BVd1EhWWd1xKzqajdTU7wQoiVBKK72HiogCNlZcCm92URHEpVCN2qLuhwV80Cu4VClw6mSYdlLT1SDZUjWQQieTocOinotzlKFNSamGUSrebM8e5IEeSfYqXhnirFtp+HzC7Y2+EeaXxLow1EGqagF3AnUwoaYwN4zQKja2YHioNDk7+fzRWqFTE1pG4HyXbU2Wlp3UZ246oRyzQ+xkCrUGzoePPX3XbOSRhOoyUtShgqUzxBaf55quRpi2yzgVe02MPgyQWmWkbH6hXjTSwquzQkmVabtiIP8AMxyVO+LybQZOrjk0cTxPIK/aiGtLnGA0TPCF55eltdXqF7ugHAcEJTomSXLHTcutol9SXnE9xBJ2zzAz0hatlvoWej3dMjG74iIJJ4ngOCwDWqamFS9RFJdPmGLXeEg4ZE/7Hz2WerUnE/RGrJZS/pxOQT6tlA0g9M06QmdPLrJgOnZjul/TgEToJJ6DOOpOXmjAoJNsrSyoCHZ4WNIGQdJOvGB80xkeDQC2Syl+sScyct81FbrNhMfzqr7WhgIzGc5aqtVcDsjaopljVUDWGD/Oq2vZi8XGzmzyIY4mIEkPzknrIWOfSIz04IndVvYypTdJBJDXzpDt+mhVctUWcHJYsyb22/fQP3pYG1jNRocYidDH5hmVH2eumjTe4OcBi+HvG4mSNJcPEzrmijqtNxgPaTwDgT6KrXpKm2d6fD42+dJX1VGa7YXGKbi5sh8+Jsab69NDuFmLDaXUajajDDmGR9QeRGR6r02sBXpBhE1aRHd/jpznSJ5TI8wvPb6s4ZWeGjC2ZaOAO2fOVdjl4Hne0+F5Jd9HTXw67p/vjoerULcKrKNSm3E2rmc4wCM55g5RxVs01if+nF4zjoOOY8bOk+IDzIPqttUMK9M6WDJ32NT6/Xx/PoRupjgqtWg07KanWa4BwzBzBGh6FJ4CayxopuoAKJzQFJWiclG1oO8dURGRPChhWalON1WgqFTMuxqmwSE1itMbkf5umR5Xu7GBh3CsUmp7ApqTM01FixENpZ4Sm2Nvh8/0Vi3ABp56KrZnxOWqVvUsUNS1gTmNT6eYlPDVDXCAeuir/bH4THlr9URwoVcZzc3iAfT/AOoszgjeh0McdCo9uB4ePNWrU3EwO3BBXajJXbOPCQqpGuKLLMwCk5qjpEwAqd9WuG4Bq7XkP3VTLYxbdGd7T3iah7tnwDU/eI+izgolH69lnMKa5LAATVeJDT4WnRz9p5DU+Q3VbY08Ts5ZLgY1gdWJxEAimMsIOcvdtlsOPkhlKzy6GzE5dEbvauQ05+J5Mnrqf5xVrs5ZAxpqnMzDOupd5SPMjgkT0sacFGor98i1Z7A1jcBaMX2idvwjhz5qheljaHNwiC7EDHLOUaAVG3CajQPstJPKYj5IRbciNaUCaNKH0xkcTwP8Rm72+a0dSk3CQQMMGRtCoXdZcVQ1Pss8IJ3ccyR0AjzVu9H4abufh/2yUyO5ULDQw15UM8XIfJD6OGc/VFrxdpG5R7s9clJtMVKtMPc4S0GcLGnTIRJIzz46Jpyoy93zPQx9toS3Exri0GJwnKdBMIPVEL2g2ohuGGho0bhaAI4CMl5Fb2DE7qfmljJsqz4eVX+/RA7NXaF+VmZYpHB3i99fdXLD2eq1WY24QM4xEjERkYgHJCLdZ3U3FjxDmmCntMz8uXClNWr8eoXo9pyCHGnBG7X8o3CD3xeBr1DULQMgAAIyEnPicyqrgmQmSS2KM3EZcseWbte77Is3TbTQrsqj7LpI4tOTh5gleu1XB4gZhwkn8JH1/VeNYN16r2XqY7LSdwbhPVpLfkAnizT2ZJ+1D3/Z/Yu4mMw0wWtkHAzISBrhHJOcg12M76u+0n4WzTo9B8T/AD+pRsqxM6UXzK/h6FOqzcBU6tU6FFHhDrZQOoTJiTToqd8uG0JpolM/pnJjPcgLZ24iHcRkrbG5FDbqM028hHpki1ndsULOHija18R9NqsMao6Ay6ZK00I2ao49LB1WzPJJInnyU1mpZok1khVmU4P84JG6LI4aHAFPZzU4Zkud0pZpjiLF2uwvHPL1R0hebdoO1TqFTuqIaXNjE5wkA8AARnxKv9mO3rqjxStDWy50Me0FoP4XDODwKnOCHE4lk7q9flfS/l6m9ASwwZCpMt5n4cuqJM4pWzoqLW4wuABOwzWXtVcveXHc/wACLXnbZdFOQAcoP1QykwTmJ13jPiqZOzVig0rZ2lTLoaMyUTNMABo0aPUnU/zgorupau4ZDqf2n1CbfFbBTgauy8t/5zSyHk9a6Aa0VO9q5fCMh0G601moYAG8Neu6C3HZMT5Owk9NvchaVrUkuhRJ0RnIEnQZlBKVckufxz8tAERvepDQwau1/KNf0VW7KGJ4HDxHy0949UYaKyLa2GKVHAxtPcCXfnObv08kI7RVPCGjXN3tA+bvRHYWR7StcK2ejgMJ5DUDnr6pI/yKV4gm0GSBvwW97vDDfugD0EfRYns/ZS+0tkZMJef8TkPXCPNbghSbtkh1KV51MNJ54NPqRAXl1oMklb/tfWw0Y+84DyGf0CwFUIw2KeJ1pG/umjhoUh+Bs9SJPzWV7aWb+613Fkf6k/qFuGshoHAAegWR7XGajBwbPqf2Qjua+JinhcfQyBs6abMioprmBXHIeBAxlnK1XZmu40HWZvxOfr91jh4j7H1QgBHOyDwK5H3mkeYg/QpluWYMXLNa+RrbPZxTaGNEBogJEKVyicVckdEaVG8Kpetv7sANE1HmGN58TyCkbVI113RorcldHHt5rPX52jbZ6nduEnCD0knL+cUUvazUqrD3ogNl2IGC2BmQQvLLQ/E4k583GTG0npCDdHO43ipYaSW/n8dPejR9nSCCDt9UcFGPoV5+FestrqM+F5HmY9NEDkcPxMYxUZR99/v1N9TpQJ9VO1iD3DeveeB/xnQ6Yv3Rui+cjqhzHZx8k0nHZj6TVFgz81caxR1G5oORe8ZJZ27KrfN4sszA9+5wjrBP0VlvJZ/trctS0NY6mZewmW4oBa7cTlII9yl5hsjnHE3jVyWx53VeXl1R2riXOP4nEkx6p1ktAa9rokNcDnOx5HVW7dcNppML6lFwY2JcS0gSQMoPEhB5StqqPMuM8c05rXfVfk9ruS+KVqZjpk5GHNcIc08x9UZtNrhgaDmRnyGi8n7H07SzFXoBjgAA6m50FwJIEbAy07rZXdfLLQ0kSCPiaci0/pkc+SZt0ep4LiVmhHvNJO66Srp181uvTUKxKcKSjouRCyUs54JDqylyosUWw0Myyzncys7eNo7yploMh+qOXrXwUzGpyHnr7Ss1RGaVlEFZpLhowxzuJAHkJPzHoioao7FQwMa3cDPqcz/OSiva093TMauyH1KVmdtznoCLbVxPc7bQdAr9xUsn1OJwjoMz7x6INTBOQ1OQ81qrJQDGNYNh6nUn1JUk9KLs75YpL9SI7dWwU3O4DLrt7wsJeVsqPgOeTnI0y9lqe1NeKbWfeMno39yFj35nJKimEfZND2Os+VSodyGA9PE7/j6LRuCgumx91SazcCXfmOZ/nJWSEHqLepju29T/ALbeAcfWAPkVl7DZu8qsZxcB5Tmjnaqpiru4NAb6CT7kqv2bpTaKfUn0aU62FlG5qzauasp2ooeNp/DHoT+q17mrPdpmyWjkfp+iKRpl7UWjJvaoHlXarFUexMjDOLIMaJdnquG0U/zR6iPqhjgrd0ECtTJ+831nL3hFFEG+dHpDnKrbbSKbS4+Q4ngp6joQer/cfiOjfh68VqRvnKtitYaFQ1e9eAXEZz9hp0aOaLOaE2iIHXM9VDarSGAnh/IVnKqKI1Bamf7YW2AKLT8Ql/5dh5wrFz3O2nSaHMlx8TuRP2fIQqFGxmq81X8Z6nYdAiv9c1nhc4T9EsY+LMKkpZHkn6L0PNKRlW2U0LVmha3N1zH83WdnBhSeoYoCIIW6sPjpscdSBJ5rCWO2MdlMHgckep3lUgNacLQABEespbo7nCSik/FGopSFJUCztC8av3p6gH6IvYbYXZOidj9EtnSg+ZUXqbU17c1JEJoIBzIQbNEVoVr5tdKlRcargGkFuYxSSDlh+10XjdehmcPwz4Z1I2J58V6Y9rbZbIMOo2dpEHNr6j9eoA+XNec4s8LeHoOKuxwi9GcHtfJKTi9KuSXuq/Kr0Xpd00H+zN2vqUvE8tpF2Ybk6pGxOzRw5lamz0WUxhY0NHL5k7oP2UqDuS0fZd7ED9CjCpyNpuPgjrdn44LBCaWrS/x5LyRfshJIaNzCPf1XdZgAsaDjMyRxhoBn5rMVbybZWPruaXYGiGgwSSQ0Z7a6q5dnaSnVpsqmjhxicIJByJHxRnoc1t4TFCSuWrey8ro5fbXaPEQyLFgdVu9NW9UtU9lXgXLZWFpY2rRdiZoAA6Z3yMHgu3Zd5FUB2wDz5gEA+oyUFDtBZnVm0w57awEgOxlmmIA4YByzhXuzttFZrqskkuIJdAxEZkgDIDMeiTisMIRUo9a3+1sbsntLiM0pY81aR00XVeOnh0X0DwWYvi146hA0b4R9SjF5W4U2HPxEeEfVZZgkrDZ3eHhrzMLXKJqNGwknyBj3haVAOzrPE48AB6n9kbr1Q1pcdACT5JWyvidZ0ZXtRWxVY+62PM5n5oZdVLFWpj8bfQGUrbVLiSdSZPmrHZ0Dv2Tz/wDUo+Bc48qrobhMKeVFaHQ1x4A/JAxrXQ87vtwNZ5G5P7qx2UZNcHg1x+n1VC1mXE80b7G0vFUdwaB6mfonRfL+RqHLN9pnQ5v5fqtG9ZPtXWHeNbwb8yf0TeAbpWCKpVGsrLnKCqoZ8jsp1Vym6CCNs12oFDO+0pjDN07PRKtbG1sfaaCehEphGwVK5quKk13AYfTL9FJXr7DzK1x2NzkmkyV9cM19kKtloLsogJ7ioXBPZjySb0HVLbDAAIIEcuqB1qZcSTMlEnoJedsDXxynbieaVsx5pXuZlvMpSOa4mlqoOOSTy+St2W8KjPhMjg7MKhJHNJtUcELWzDFyi7izS2XtAB8bCObTPsVo7qvSk8jC8TwOR9CvPA6d06UHjTN2HtTNjeqTXw/fgesG8Z39kJve9C2KdPxVqmTB90bvdwAWFs941afwPjlMj0KvXVfopvdUqML3PiXSJAH2QI0SODXmdGHa0MlRdxvd716V49G1S3DFovOnYqRosOOrq7UeJw+MmOkDXRYyzuiVJXLqrn1C5ocScs5MnRu3uk27qwaXd27CBJMZRxlGE+V2c7iZz4iuWPsRXspLZba/Bbhfs5bwyphOjzB4Tt7/ADWkv60upUw5jw2HskndpIke/sVlanZu0DD4AZ1hzco2PVa6wYK1Jksg0iGlrjiLH0/DmdzEGecpcslJ2jrdnRzrFLBNOL/6t2t9/hvv4+8F3telXCCGgOcfA0jPuyIJc3Yk/Z2Ec0+hebnRiyOEbiJDc/LVVe1dhql3et+ENEkHSJGY80OZZ6jT46bxnnIgHz2Wvh89JK/mcXtPBl/1GSTi996e1aa7V0C1kvBxrVXYYfTa6H/l8IMRkdI5BHOyt7P7jA0lpYS0jLkQfMEFZK4rbVe80nAS/JrYgDOTP4QJ1WnqUHUagdTY6o1zAxwbhBxM+B5kgAEFwPQKricvNGKvr9Tf2Hiac8vhpF+Pnfu09zYXLi4yTJ5qVrYzQqyttBqYnljacfA0lxniXYQiOPZZD1EJXejXr9f80wjYLx7oFo1cQZiU69Lc8sjFrqBGmu3khlarMZafpCa08UCcsea61Kzwp7pfFWmeDh6aKElcD1Bas9DlUb6q4aLjyj1QuyX9DQHNmBrOvkqd73v3rYDYbPXNQzwwyjJNmerDNHux9YS9nEB3pkfmECrBMsdsdSeHjbbiNwmBLR6no9owtbMy7gNB1K8/7TP/ALx6N+SL1e0tLDMOnhGh4Ssrb7War3POU7cBoAmEyOKhV2xComucoMS5iUMrmdeJ3hQEmIkxMxtPGFIXJjk5Rk1DXZusYcw6SDrvvl6IrUWWu2thqtPOD0ORWoqK/G9CzFK4V0IXlQPcn1HKpXqKyyqYyrUyWdrN74l+NwGjY3aPteZlWrztBMUx9r4uTd/XRVe8AySOVnOyyt0BEp5JspJDnnSeS4WpArocoAQppQU7EuAqUkSzkFcniCpMSUotEsjaGndWaTnNBDXQCCCA4wQciCN1CWgrhpjYqcvkROnabRfF41h/5n/7E/NT0L8rMeX45JADhAh0aEgRnz1QgNcN10vdwlBxj0+RdHiM8XayP/0/uaGr2qc8BtSiCMTScJLZDXB0ZzrARWh2us5+JtRnmHD5z7LFd5+H0SB5eqR44M2Y+1uLg7bT9UvtT+Z6DdV62UuqONXN7xGMFvhaxrRqOIcfNG6TWPzp1Gn8rgfkvJWhPYYMgweIMH1S9xezNePt6cdJwT9G19bPVmsB0U4obmegC8tp3lWGlWp6k/NWqPaS0t0q+rGH6JXgkjZHt/h3vCS+H5R6RZ7MHHUcT+igtrYJHBY6n22tAEHuz/jHuCujtm4/FRB5h8exCXuprwNC7Y4Rr+de5/ZM0+BRVGjZAx2sYdWPHRzT9Qnf/o6J+0R1afohyS6D/wC4cK9skfjX1C5eeSXeZROSHNvegdKjfMOHzUjbVTOj2no4IUy1ZoS/jJP3plhzlSqKR1pZ95vqFXqVm/eHqESrJJPxI3FROK6+u37w9QhtsvVrcm+I+37pkmzDmzQgrky8Smys3Wtb3GST5ZQp7PeTm6+Ic9fIpuUwLj4OVU6DpKr/ANQC/ANYk8tICirWmaZezhvtx80Nu2thL3O4b6kzsiNkzpSS6635Bl7w0STACgvPtTVeQKZwNA5Ek8STp0Qa02lzzn6bBQFNzMxZOKk7UdEW6l51na1Xf7EfJVzWdrid6lMAXCELM7k3uyYWlwM4jPWfmu/17+I9FAUkLImxoKcHJJIRIOFTinYlxJMpO6FaoclKSSsALEuYxxSSSuQaO96FzveSSSTnYXFHe8PBcJKSSsFOAFPldSUQNzku+8my7iEkkaI2OLzwC53h4JJI69SDu8EaGfKFzGkkk5hqTFiSlJJEAmnmuSkkpYKTEmkhJJRsnKuhzEu4lxJI5MekcldxJJIWSh7ahAIByOqakkiRjYSXUkaAcT5SSURCMhJJJBjI/9k=" alt="Image 2">
+      <p>I have run a marathon.</p>
+     <p>I have skydived from a plane.</p>
+      <p>I have swum with dolphins in the ocean.</p>
+    </section>
+
+
   </main>
+
   <footer>
-    <h3>By YOUR NAMES HERE</h3>
+    <h3>Yulia Hospodar</h3>
   </footer>
     </body>
 </html>

Two-Truths-One-Lie/styles.css

@@ -29,5 +29,56 @@
 */
 
 body {
-  font: 100% "Poppins", sans-serif;
+  font: 100% "Poppins", sans-serif; 
+  margin: 0;
+  padding: 0;
 }
+
+header {
+  background-color: #333;
+  color: #fff;
+  padding: 20px;
+  text-align: center;
+}
+
+main {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  padding: 20px;
+}
+
+.card {
+  background-color: #f1f1f1;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  flex: 0 0 calc(33.33% - 20px);
+  margin-bottom: 20px;
+  padding: 20px;
+}
+
+.card img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin-bottom: 10px;
+}
+
+footer {
+  background-color: #333;
+  color: #fff;
+  padding: 20px;
+  text-align: center;
+}
+
+@media (max-width: 768px) {
+  main {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .card {
+    flex: 0 0 100%;
+  }
+}
+

zoo-css-challenge/index.html

@@ -21,6 +21,9 @@
  	<main>
  		<section class="introduction">
  			<h1>Birmingham Zoo</h1>
+			<p>‘The zoo is open every day of the year and features three major biomes: the Tropic Zone, Temperate Territory, 
+				and the Polar Circle. From tropical birds, to snow leopards, grizzly bears,
+				and one of the nation’s largest colonies of Antarctic penguins, there are animals to enjoy in every season.’</p>
  		</section>
 
  		<div id="badge">

zoo-css-challenge/style.css

@@ -1,7 +1,12 @@
 * {
+  letter-spacing: 0.2em;
   font-family: sans-serif;
 }
 
+#logo {
+  border: none;
+}
+
 header {
   background-color: #211a1d;
   color: #ffffff;
@@ -76,6 +81,7 @@ footer {
 }
 
 .introduction {
+  background-color: white;
 }
 
 #badge {
@@ -192,4 +198,4 @@ footer {
 
 .programs .card {
   display: block;
-}
+}