hz

index.html

@@ -10,7 +10,7 @@
 <header>
     <div class="main-preview">
         <h1>Дача Сталина</h1>
-        <img src="https://30.img.avito.st/image/1/1.4vLJ5La5Thv_TYwegeO6z61GTB13RcwTv0BMGXtRShk.Ewsg9tM6z2ZxLmivd2hH2Jdo76UKxxlT4qzIINkq8co"
+        <img class="main-preview-image" src="https://30.img.avito.st/image/1/1.4vLJ5La5Thv_TYwegeO6z61GTB13RcwTv0BMGXtRShk.Ewsg9tM6z2ZxLmivd2hH2Jdo76UKxxlT4qzIINkq8co"
              alt="заглавная фотография участка">
     </div>
 </header>

styles.css

@@ -23,13 +23,17 @@ p {
 
 }
 
-.main-preview{
+.main-preview {
     text-align: center;
     background-color: blue;
     width: 100%;
     height: 80vh;
 }
 
+.main-preview-image {
+    height: 100%;
+}
+
 section{
     background-color: darkred;
     margin: auto;
@@ -62,6 +66,7 @@ section{
     display: inline-block;
     text-align: center;
     background-color: orange;
+    width: 30%;
 }
 .card-description-box {
     height: 80%;
@@ -73,4 +78,5 @@ section{
 
 .card-image{
     display: block;
+    width: 100%;
 }