Skip to content

Commit

Permalink
Ajustando versión mobile de la página Recursos
Browse files Browse the repository at this point in the history
  • Loading branch information
alvarezlmatias committed Oct 30, 2023
1 parent 9f3cb2f commit 2395dc0
Show file tree
Hide file tree
Showing 3 changed files with 245 additions and 9 deletions.
114 changes: 110 additions & 4 deletions CSS/style.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion CSS/style.css.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

138 changes: 134 additions & 4 deletions scss/_mediaqueries.scss
Original file line number Diff line number Diff line change
Expand Up @@ -154,6 +154,7 @@

.botones-recursos1, .botones-recursos2 {
place-items: center;
max-width: 100% !important;
}
}

Expand Down Expand Up @@ -181,10 +182,11 @@

.botones-recursos1, .botones-recursos2 {
place-items: center;
max-width: 100% !important;
}
}

@media (min-width: 300px) and (max-width: 480px) {
@media (min-width: 450px) and (max-width: 480px) {
.titulo-seccion.Recursos {
font-size: x-large !important;
}
Expand All @@ -207,12 +209,140 @@
}

.botones-recursos1, .botones-recursos2 {
place-items: center;
place-items: center !important;
}

.botonrec {
font-size: medium;
max-width: 60vh !important;
}
}

@media (min-width: 400px) and (max-width: 449px) {
.titulo-seccion.Recursos {
font-size: x-large !important;
}

.videorecursos {
width: map-get($ancho, videomobile) !important;
height: map-get($alto, videomaschico) !important;
margin-top: $margen-xss;
}

.articulo-recursos {
margin-left: -20px !important;
margin-right: -20px !important;
font-size: medium !important;
}

.subtitulo-seccion.rec {
font-size: x-large;
margin-top: $margen-xs;
}

.botones-recursos1, .botones-recursos2 {
place-items: center !important;
}

.botonrec {
font-size: medium;
max-width: 50vh !important;
}
}

@media (min-width: 375px) and (max-width: 399px) {
.titulo-seccion.Recursos {
font-size: x-large !important;
}

.videorecursos {
width: map-get($ancho, videomobile) !important;
height: map-get($alto, videomaschico) !important;
margin-top: $margen-xss;
}

.articulo-recursos {
margin-left: -20px !important;
margin-right: -20px !important;
font-size: medium !important;
}

.subtitulo-seccion.rec {
font-size: x-large;
margin-top: $margen-xs;
}

.botones-recursos1, .botones-recursos2 {
place-items: center !important;
}

.botonrec {
font-size: medium;
max-width: 45vh !important;
}
}

@media (min-width: 340px) and (max-width: 374px) {
.titulo-seccion.Recursos {
font-size: x-large !important;
}

.videorecursos {
width: map-get($ancho, videomobile) !important;
height: map-get($alto, videomaschico) !important;
margin-top: $margen-xss;
}

.articulo-recursos {
margin-left: -20px !important;
margin-right: -20px !important;
font-size: medium !important;
}

.subtitulo-seccion.rec {
font-size: x-large;
margin-top: $margen-xs;
}

.botones-recursos1, .botones-recursos2 {
place-items: center !important;
}

.botonrec {
font-size: medium;
max-width: 40vh !important;
}
}

@media (min-width: 320px) and (max-width: 339px) {
.titulo-seccion.Recursos {
font-size: x-large !important;
}

.videorecursos {
width: map-get($ancho, videomobile) !important;
height: map-get($alto, videomaschico) !important;
margin-top: $margen-xss;
}

.articulo-recursos {
margin-left: -20px !important;
margin-right: -20px !important;
font-size: medium !important;
}

.subtitulo-seccion.rec {
font-size: x-large;
margin-top: $margen-xs;
}

.botones-recursos1, .botones-recursos2 {
place-items: center !important;
}

.botonrec {
width: map-get($ancho, botoncomun) !important;
font-size: small !important;
font-size: medium;
max-width: 35vh !important;
}
}

Expand Down

0 comments on commit 2395dc0

Please sign in to comment.