Box imagem com g

Developer
Jasminy Duarte
Size
2,076 Kb
Views
6,072
  1. Box imagem com g Previews
  2. Box imagem com g HTML Codes
  3. Box imagem com g CSS Codes

How do I make an box imagem com g?

What is a box imagem com g? How do you make a box imagem com g? This script and codes were developed by Jasminy Duarte on 11 December 2022, Sunday.

Box imagem com g Previews
IQ Test

Box imagem com g - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Box imagem com g</title> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ body{ margin:10px;
}
.container { width:80%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
img { max-height:100%; max-width: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.box-imagem { display:flex; width: 100%; margin:10px;
}
/*coluna esquerda*/
.coluna-1{ width:50%; padding: 0 20px;
}
.img-col-1{ max-height:100%; height:100%; width:auto;
}
/*coluna direita*/
.coluna-2{ width:50%;
}
.img-col-2{ width:38%; margin: 0 5px; }
/*Resposividade*/
@media (max-width: 650px){ .img-col-2{ width:38%; margin: 0 15px; } .img-col-1{ max-height:100%; height:100%; max-width:100%;
}
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div class="container"> <div class="box-imagem"> <!-- Caixa esquerda --> <div class="coluna-2"> <img class="img-col-1" src="https://www.ticketphone.com.br/Imagens/Logos/LE247.jpg"> </div> <!-- Caixa direita --> <div class="coluna-2"> <img class="img-col-2" src="https://www.ticketphone.com.br/Imagens/Logos/LE247.jpg"> <img class="img-col-2" src="https://www.ticketphone.com.br/Imagens/Logos/LE247.jpg"> <img class="img-col-2" src="https://www.ticketphone.com.br/Imagens/Logos/LE247.jpg"> <img class="img-col-2" src="https://www.ticketphone.com.br/Imagens/Logos/LE247.jpg"> </div> </div> <!-- botão--> <div class="btn"> </div> </div>
</body>
</html>

Box imagem com g - Script Codes CSS Codes

body{ margin:10px;
}
.container { width:80%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
img { max-height:100%; max-width: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.box-imagem { display:flex; width: 100%; margin:10px;
}
/*coluna esquerda*/
.coluna-1{ width:50%; padding: 0 20px;
}
.img-col-1{ max-height:100%; height:100%; width:auto;
}
/*coluna direita*/
.coluna-2{ width:50%;
}
.img-col-2{ width:38%; margin: 0 5px; }
/*Resposividade*/
@media (max-width: 650px){ .img-col-2{ width:38%; margin: 0 15px; } .img-col-1{ max-height:100%; height:100%; max-width:100%;
}
}
Box imagem com g - Script Codes
Box imagem com g - Script Codes
Home Page Home
Developer Jasminy Duarte
Username Jasminyduarte
Uploaded December 11, 2022
Rating 3
Size 2,076 Kb
Views 6,072
Do you need developer help for Box imagem com g?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Jasminy Duarte (Jasminyduarte) Script Codes
Name
Skyrim Menu
Carregando
Email Marketing
Menu com submenu
Storage
Carregando
Pac Man com css
Bem Vindo
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!