100 lines
1.7 KiB
CSS
100 lines
1.7 KiB
CSS
#subseccion_intro {
|
|
display: grid;
|
|
margin-bottom: 1em;
|
|
margin-top: 1em;
|
|
text-align: justify;
|
|
}
|
|
|
|
|
|
|
|
svg {
|
|
float: left;
|
|
}
|
|
|
|
#icon {
|
|
grid-area: a;
|
|
}
|
|
|
|
#resume {
|
|
grid-area: b;
|
|
}
|
|
|
|
.accordion-header {
|
|
display: grid;
|
|
}
|
|
|
|
.accordion-header > span {
|
|
display: grid;
|
|
place-items: center;
|
|
}
|
|
|
|
.accordion-header > a {
|
|
text-decoration: none;
|
|
font-size: 1rem;
|
|
|
|
align-self: center;
|
|
justify-self: center;
|
|
}
|
|
|
|
/* media querys */
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
/* Reglas CSS para pantallas de celulares */
|
|
/* red */
|
|
|
|
#subseccion_intro {
|
|
display: inline-table;
|
|
}
|
|
|
|
.accordion-header {
|
|
grid-template-columns: 15% 1% 84%;
|
|
grid-template-rows: 1fr;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
|
/* Reglas CSS para tablets */
|
|
/* purple */
|
|
#subseccion_intro {
|
|
display: inline-table;
|
|
}
|
|
|
|
.accordion-header {
|
|
grid-template-columns: 15% 1% 84%;
|
|
grid-template-rows: 1fr;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
|
/* Reglas CSS para laptops */
|
|
/* green */
|
|
#subseccion_intro {
|
|
display: inline-table;
|
|
}
|
|
|
|
.accordion-header {
|
|
grid-template-columns: 15% 1% 84%;
|
|
grid-template-rows: 1fr;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1200px) {
|
|
/* Reglas CSS para monitores ultra wide */
|
|
/* yellow */
|
|
|
|
#subseccion_intro {
|
|
grid-template-columns: repeat(10, 1fr);
|
|
grid-template-rows: repeat(2, 1fr);
|
|
grid-template-areas:
|
|
"a b b b b b b b b b"
|
|
"a b b b b b b b b b";
|
|
/* margin-top: 1em;
|
|
margin-bottom: 1em; */
|
|
}
|
|
|
|
.accordion-header {
|
|
grid-template-columns: 9% 1% 90%;
|
|
grid-template-rows: 1fr;
|
|
}
|
|
}
|