@Media queries
Bom dia, meus amigos!
Td bem com vcs?
Estou precisando de mais uma ajudinha de vcs.
Tenho um codigo aqui e não estou acertando a mão nele, estou apanhando desse tal de media queries rsrsrs.
Vejam os exemplos de como estão os meus codigos:
Gostaria que no Desktop ficasse como o Mobile, e os dois centralizado na pagina, notem que não estão.
segue meu codigo:
<style type="text/css">
/ My opinion /
body {
background-image: url(imagens/slide_1.jpg);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}/ Section clientes /
.container-cards {
flex-wrap: wrap;
display: inline-flex;
width: 100%;
align-items: center;
}
.box-container {
/*border: 1px solid red;*/
display: flex;
background: #FFFFFF;
font:80%/1 Arial;
font-size: 14px;
border-radius: 5px;
align-items: center;
width: 100px;
height: 120px;
border: 2px solid #AAAAAA;
margin: 10px;
box-shadow: 0 0 10px #ddd;
}.box-container .box-image img {
width: 93px;
height: 93px;
text-align: center;
}
.title {
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
color: #000;
}
.description {
font-size: 14px;
color: #8a8686;
}
</style>
</head>
<body><!--My option-->
<div align="center">
<img src="imagens/logo.png" width="200px" height="192px"/></div><br/>
<div align="center">
<div class="container-cards">
<div class="box-container" onclick="location.href='cardapio_pizza.php'" style="cursor:pointer;" align="center">
<section class="box-image">
<img src="imagens/banner_pizzas.png"/><br/>
<label class="title"><b>Pizzas</b></label>
</section>
</div>
<div class="box-container" onclick="location.href='cardapio_pizza_cone.php'" style="cursor:pointer;">
<section class="box-image">
<img src="imagens/banner_pizzas_cone.png"/><br/>
<label class="title"><b>Pizzas no Cone</b></label>
</section>
</div>
<div class="box-container" onclick="location.href=''" style="cursor:pointer;">
<section class="box-image">
<img src="imagens/banner_porcoes.png"/><br/>
<label class="title"><b>Porções</b></label>
</section>
</div>
<div class="box-container" onclick="location.href='cardapio_lanches.php'" style="cursor:pointer;">
<section class="box-image">
<img src="imagens/banner_lanches.png"/><br/>
<label class="title"><b>Lanches</b></label>
</section>
</div>
<div class="box-container" onclick="location.href='cardapio_fritas.php'" style="cursor:pointer;">
<section class="box-image">
<img src="imagens/banner_cone_fritas.png"/><br/>
<label class="title"><b>Cone de fritas</b></label>
</section>
</div>
<div class="box-container" onclick="location.href='cardapio_refri.php'" style="cursor:pointer;">
<section class="box-image">
<div align="center">
<img src="imagens/banner_refri_sucos.png"/><br/>
<label class="title"><b>Bebidas</b></label>
</div>
</section>
</div>
</div>
<div align="center">
<font size="2" color="#FFFFFF" face="arial">
<p>Horário de atendimento:<br/>Segunda á Sexta das 19:00 as 22:00<br/>Sextas, Sábados e Domingos das 19:00 as 23:30</p>
</font>
</div>Discussão (2)
Carregando comentários...