Merge pull request #1 from IgorHordiichuk/markup_hw2

hw_markup2_upd
MastersAcademy · Nov 28, 2018 · 351ab5f · 351ab5f
2 parents c03eaf8 + 7dba296
commit 351ab5f
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 12 deletions.
diff --git a/homeworks/igor.gordichuk_IgorHordiichuk/homework_markup_1/index.html b/homeworks/igor.gordichuk_IgorHordiichuk/homework_markup_1/index.html
@@ -28,6 +28,7 @@ <h1 class="heading heading--h1 underline">build the website of your dreams</h1>
             <p class="top-section__paragraph">We are a digital agency that believes in building things that are meaningful!</p>
         </div>
     </section>
+
     <main class="main">
         <section class="section">
             <h2 class="heading heading--h2 underline">core services</h2>
@@ -53,7 +54,7 @@ <h3 class="heading">24/7 support</h3>
         <section class="section section-expertise">
             <div class="section-title">
                 <h2 class="heading heading--h2">other expertise</h2>
-                <p p class="pararaph">Proin iaculis purus consequat sem cure  digni ssim. Donec porttitora entum suscipit  aenean rhoncus posuere odio in tincidunt consequat sem cure  digni ssim. </p>
+                <p class="paragraph">Proin iaculis purus consequat sem cure  digni ssim. Donec porttitora entum suscipit  aenean rhoncus posuere odio in tincidunt consequat sem cure  digni ssim. </p>
             </div>
             <div class="section-options">
                 <div class="expertise-options-column">
@@ -140,13 +141,14 @@ <h3 class="heading">cloud control</h3>
                 </div>
             </div>
         </section>
-        <section class="portfolio-examples">
-            <a href="/"><img class="portfolio-preview-item_img" src="images/image-1.png" alt="sample-1"></a>
-            <a href="/"><img class="portfolio-preview-item_img" src="images/image-2.png" alt="sample-2"></a>
-            <a href="/"><img class="portfolio-preview-item_img" src="images/image-3.png" alt="sample-3"></a>
-            <a href="/"><img class="portfolio-preview-item_img" src="images/image-4.png" alt="sample-4"></a>
-            <a href="/"><img class="portfolio-preview-item_img" src="images/image-5.png" alt="sample-5"></a>
-            <a href="/"><img class="portfolio-preview-item_img" src="images/image-6.png" alt="sample-6"></a>
+
+        <section class="portfolio-gallery">
+            <a href="/"><img class="portfolio-gallery-item" src="images/image-1.png" alt="sample-1"></a>
+            <a href="/"><img class="portfolio-gallery-item" src="images/image-2.png" alt="sample-2"></a>
+            <a href="/"><img class="portfolio-gallery-item" src="images/image-3.png" alt="sample-3"></a>
+            <a href="/"><img class="portfolio-gallery-item" src="images/image-4.png" alt="sample-4"></a>
+            <a href="/"><img class="portfolio-gallery-item" src="images/image-5.png" alt="sample-5"></a>
+            <a href="/"><img class="portfolio-gallery-item" src="images/image-6.png" alt="sample-6"></a>
         </section>
     </main>
 </body>

diff --git a/homeworks/igor.gordichuk_IgorHordiichuk/homework_markup_1/style/style.css b/homeworks/igor.gordichuk_IgorHordiichuk/homework_markup_1/style/style.css
@@ -141,7 +141,7 @@ body {
 }
 
 .expertise-options-column {
-  max-width: 350px;
+  max-width: 330px;
 }
 
 .section-figure {
@@ -202,12 +202,16 @@ body {
   margin-left: 0;
 }
 
-.portfolio-examples {
+.portfolio-gallery {
   display: flex;
   flex-wrap: wrap;
 }
 
-.portfolio-preview-item_img {
+.portfolio-gallery-item {
   max-width: 341px;
-  padding: 0;
+}
+
+.portfolio-gallery-item:hover {
+  transform: scale(1.1);
+  box-shadow: 0 0 5px 0 rgb(0, 0, 0);
 }