Skip to content

Commit

Permalink
agregado de mosaico de películas y sus portadas
Browse files Browse the repository at this point in the history
  • Loading branch information
MartinXCVI committed Apr 22, 2024
1 parent 16ca343 commit e2c16df
Show file tree
Hide file tree
Showing 15 changed files with 66 additions and 1 deletion.
Binary file added assets/images/cards/avatar.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/cards/bleach.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/cards/demon-slayer.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/cards/dragon-ball.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/cards/fairy-tail.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/cards/hey-arnold.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/cards/iloveimg-resized.zip
Binary file not shown.
Binary file added assets/images/cards/kids-next-door.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/cards/land-before-time.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/cards/naruto.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/cards/regular-show.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/cards/the-iron-giant.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/cards/zodiac.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
26 changes: 26 additions & 0 deletions css/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -214,3 +214,29 @@ nav ul li {
opacity: 0.9;
}

#galeria {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #2c2c2c;
padding: 3rem 1rem;
}

.mosaico-peliculas {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
}

.mosaico-peliculas .card {
margin-bottom: 2rem;
}

.card .card-body {
background-color: #2c2c2c;
color: white;
}
41 changes: 40 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,46 @@ <h2>Clásicos y nuevos también</h2>
</section>

<!---- Mosaico de tarjetas ---->

<section id="galeria">
<section class="mosaico-peliculas mosaico-1">
<div class="card" style="width: 16rem;">
<img src="assets/images/cards/bleach.jpg" class="card-img-top" alt="...">
</div>
<div class="card" style="width: 16rem;">
<img src="assets/images/cards/demon-slayer.jpg" class="card-img-top" alt="...">
</div>
<div class="card" style="width: 16rem;">
<img src="assets/images/cards/dragon-ball.jpg" class="card-img-top" alt="...">
</div>
<div class="card" style="width: 16rem;">
<img src="assets/images/cards/fairy-tail.jpg" class="card-img-top" alt="...">
</div>
<div class="card" style="width: 16rem;">
<img src="assets/images/cards/hey-arnold.jpg" class="card-img-top" alt="...">
</div>
<div class="card" style="width: 16rem;">
<img src="assets/images/cards/kids-next-door.jpg" class="card-img-top" alt="...">
</div>
<div class="card" style="width: 16rem;">
<img src="assets/images/cards/naruto.jpg" class="card-img-top" alt="...">
</div>
<div class="card" style="width: 16rem;">
<img src="assets/images/cards/avatar.jpg" class="card-img-top" alt="...">
</div>
<div class="card" style="width: 16rem;">
<img src="assets/images/cards/zodiac.jpg" class="card-img-top" alt="...">
</div>
<div class="card" style="width: 16rem;">
<img src="assets/images/cards/the-iron-giant.jpg" class="card-img-top" alt="...">
</div>
<div class="card" style="width: 16rem;">
<img src="assets/images/cards/regular-show.jpg" class="card-img-top" alt="...">
</div>
<div class="card" style="width: 16rem;">
<img src="assets/images/cards/land-before-time.jpg" class="card-img-top" alt="...">
</div>
</section>
</section>
<!----------------------------->

<!---- Contenido destacado ---->
Expand Down

0 comments on commit e2c16df

Please sign in to comment.