|
|
| (4 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| − | /* Tornar a página mais responsiva em telas menores */
| + | teste |
| − | @media only screen and (max-width: 768px) {
| |
| − | #content {
| |
| − | padding: 10px;
| |
| − | border-radius: 10px;
| |
| − | }
| |
| − | | |
| − | /* Ajustes de tamanho para imagens em dispositivos móveis */
| |
| − | img {
| |
| − | max-width: 100%;
| |
| − | height: auto;
| |
| − | }
| |
| − | | |
| − | /* Centralizar e otimizar o layout em dispositivos móveis */
| |
| − | body {
| |
| − | padding: 10px;
| |
| − | }
| |
| − | | |
| − | /* Ajustar a navegação lateral em dispositivos móveis */
| |
| − | #p-logo, #p-navigation, #p-tb {
| |
| − | width: 100%;
| |
| − | margin-bottom: 10px;
| |
| − | border-radius: 5px;
| |
| − | }
| |
| − | }
| |
| − | | |
| − | /* Cantos arredondados para todas as imagens */
| |
| − | img {
| |
| − | border-radius: 10px;
| |
| − | }
| |
| − | | |
| − | /* Se quiser cantos mais arredondados */
| |
| − | img {
| |
| − | border-radius: 20px;
| |
| − | }
| |
| − | | |
| − | /* Ajustar o tamanho e posição do logo */
| |
| − | #p-logo a img {
| |
| − | max-width: 250px;
| |
| − | max-height: 250px;
| |
| − | border-radius: 20px;
| |
| − | }
| |
