ricardogj08/nabu
1
0
Fork 0
Code Issues Pull requests Projects Releases Activity

Merge branch 'dev' of github.com:ricardogj08/nabu into dev

Browse source
This commit is contained in:
Ricardo García Jiménez 2021-09-22 20:22:48 -05:00
parent a768ff04f2 4bad125e52
commit b8a9e5d75c
2 changed files with 35 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
assets/styles/pages/home/home.css
View file

@ -25,6 +25,7 @@ html {
/* Estilos al header */
.header {
min-width: 320px;
padding: 0 20px;
padding-bottom: 30px;
background-color: var(--color-background);
@ -225,7 +226,8 @@ html {
background-color: var(--color-secundary-background);
}
.popular-posts__title {
.popular-posts__title,
.recent-posts__title {
margin-bottom: 11px;
font-size: 2.4rem;
font-weight: 500;
@ -233,7 +235,7 @@ html {
color: #000;
}
.cards__container {
.popular-cards__container {
width: 100%;
display: flex;
gap: 0 20px;
@ -253,6 +255,25 @@ html {
background-color: var(--color-secondary-purple);
}
/* Estilos para la seccion de posts mas recientes */
.recent__posts {
width: 100%;
min-width: 320px;
text-align: center;
padding: 33px 0;
background-color: var(--color-background);
}
.recent-posts__title {
margin-bottom: 15px;
}
.recent-cards__container {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
gap: 30px 0;
}

13
views/pages/home.php
View file

@ -24,7 +24,17 @@
<main>
<section class="popular-posts">
<h2 class="popular-posts__title">Posts imperdibles del mes, échales un ojo</h2>
<section class="cards__container">
<section class="popular-cards__container">
<?php require 'views/components/articles.php' ?>
<?php require 'views/components/articles.php' ?>
<?php require 'views/components/articles.php' ?>
<?php require 'views/components/articles.php' ?>
<?php require 'views/components/articles.php' ?>
</section>
</section>
<section class="recent__posts">
<h2 class="recent-posts__title">Posts más recientes</h2>
<section class="recent-cards__container">
<?php require 'views/components/articles.php' ?>
<?php require 'views/components/articles.php' ?>
<?php require 'views/components/articles.php' ?>
@ -32,7 +42,6 @@
<?php require 'views/components/articles.php' ?>
</section>
</section>
<section></section>
<section></section>
</main>