HenriqueSantosSantana/pratice-time-landing-page-henrique-santos-santana
1
0
Fork 0
forked from M3-Academy/practice-time-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: added banner section and responsive image #2

Merged
HenriqueSantosSantana merged 1 commits from feature/banner into develop 2022-10-08 14:30:57 +00:00
Conversation 0 Commits 1 Files Changed 2 +29 -2
2 changed files with 29 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
assets/css/styles.css
View File

@ -66,6 +66,9 @@
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
} }
.banner {
width: 100%;
}
/*= =*\ /*= =*\
= COMPOSITION = = COMPOSITION =
@ -151,8 +154,6 @@
font-size: 2rem; font-size: 2rem;
} }
.services-container { .services-container {
--hs-flow-space: 26px; --hs-flow-space: 26px;
} }
@ -170,6 +171,10 @@
.hero-image-mobile { .hero-image-mobile {
display: flex; display: flex;
} }
.banner-image-desktop {
display: none;
}
} }
@ -186,4 +191,13 @@
width: 315px; width: 315px;
height: 315px; height: 315px;
} }
.banner-image-desktop {
display: flex;
}
.banner-image-mobile {
display: none;
}
} }

13
index.html
View File

@ -70,6 +70,19 @@
</article> </article>
</div> </div>
</section> </section>
<section class="banner">
<img
class="banner-image banner-image-desktop"
src="./assets/images/feature-2-desktop.jpg"
alt=""
/>
<img
class="banner-image banner-image-mobile"
src="./assets/images/feature-2-mobile.jpg"
alt=""
/>
</section>
</main> </main>
</body> </body>
</html> </html>