MateusLopes/challenge-landing-page
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adicionando imagem mobile no article

Browse Source
This commit is contained in:
Mateus Antonio Rodrigues Lopes 2022-10-12 18:17:36 -03:00
parent c28bc503ce
commit 786deaaaa7
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -123,6 +123,9 @@
</section> </section>
<!-- Artigo da pagina --> <!-- Artigo da pagina -->
<article class="container-article"> <article class="container-article">
<figure class="article-image-mobile">
<img class="image-mobile" src="./assets/images/article-image-mobile.png" alt="Um oculos na frente de um monitor com a tela desfocada">
</figure>
<div class="article-text"> <div class="article-text">
<h3 class="article-title">Lorem ipsum dolor sit amet</h3> <h3 class="article-title">Lorem ipsum dolor sit amet</h3>
<p class="article-description"> <p class="article-description">
@ -131,9 +134,8 @@
Donec finibus turpis vitae lectus interdum rutrum vitae sed augue. Donec finibus turpis vitae lectus interdum rutrum vitae sed augue.
</p> </p>
</div> </div>
<figure class="article-image"> <figure class="article-image-desktop">
<img src="./assets/images/article-image.png" alt="Varias telas de monitores desfocada"> <img src="./assets/images/article-image.png" alt="Varias telas de monitores desfocada">
<img class="image-mobile" src="./assets/images/article-image-mobile.png" alt="Um oculos na frente de um monitor com a tela desfocada">
</figure> </figure>
</article> </article>
</main> </main>