Medias queries pagina

@media only screen and (max-width: 1024px){

body {

width: 1024px;

.btn-home {

margin-left: 100px;

.btn-group {

margin-left: 1px;

margin-right: 30px;

.card-home{

width: 100%;

height: 100%;

.row{

margin-right: 23px;
 }

nav{

width: 100%;

height: 100%;

.fotos{

width: 250px;

height: 200px;

margin-left: 20px;

margin-top: 20px;

@media only screen and (max-height: 600px){

footer {

color: white;

width: 100%;

height: 100%;

@media only screen and (max-height: 1400px){

footer {

color: white;
 width: 100%;

height: 100%;

padding-bottom: 1px;

@media only screen and (max-width: 700px){

body{

background-color: #50CEEB;

.card-home{

width: 100%;

height: 100%;

.fotos{

width: 250px;

height: 200px;

margin-left: 20px;

margin-top: 20px;

h1{

width: 100%;

}
 }

@media screen and (min-width: 700px) {

.cont {

display: grid;

//*grid-template-rows: 80px 1fr 1fr 1fr 1fr 80px; /*Las fr son filas

grid-template-columns: repeat(3, 1fr); */

margin: 20px;