Alex_Pedro
/
E-Commerce-1
0
0
Fork 0
Code Issues Pull Requests Packages Projects 1 Releases Wiki Activity

Ajustes da responsividade no css

This commit is contained in:
Alex Pedro 2024-05-08 20:50:54 -03:00
parent 47c58b6883
commit bb6171af58
1 changed files with 36 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
css/estiloSite.css
View File

@ -198,42 +198,6 @@ h4{
}
}
@media screen and (max-width:412px){
.buttonBanner{
background-color: white;
color: #0d4cfd;
border: 2px solid #483bd7;
padding: 3px 8px;
border-radius: 25px;
cursor: pointer;
transition: background-color 0.3s, border-color 0.3s, transform 0.3s;
position: relative;
bottom: 100px;
left: 55px;
}
.coluna {
flex: 1 0 33.33%; /* Cada coluna ocupa 1/3 da largura da tela */
}
}
@media screen and (max-width:360px){
.buttonBanner{
background-color: white;
color: #0d4cfd;
border: 2px solid #483bd7;
padding: 3px 7px;
border-radius: 25px;
cursor: pointer;
transition: background-color 0.3s, border-color 0.3s, transform 0.3s;
position: relative;
bottom: 95px;
left: 50px;
}
.coluna {
flex: 1 0 33.33%; /* Cada coluna ocupa 1/3 da largura da tela */
}
}
@media screen and (max-width:430px){
.buttonBanner{
background-color: white;
@ -252,6 +216,24 @@ h4{
}
}
@media screen and (max-width:412px){
.buttonBanner{
background-color: white;
color: #0d4cfd;
border: 2px solid #483bd7;
padding: 3px 8px;
border-radius: 25px;
cursor: pointer;
transition: background-color 0.3s, border-color 0.3s, transform 0.3s;
position: relative;
bottom: 100px;
left: 55px;
}
.coluna {
flex: 1 0 33.33%; /* Cada coluna ocupa 1/3 da largura da tela */
}
}
@media screen and (max-width:390px){
.buttonBanner{
background-color: white;
@ -270,6 +252,24 @@ h4{
}
}
@media screen and (max-width:360px){
.buttonBanner{
background-color: white;
color: #0d4cfd;
border: 2px solid #483bd7;
padding: 3px 7px;
border-radius: 25px;
cursor: pointer;
transition: background-color 0.3s, border-color 0.3s, transform 0.3s;
position: relative;
bottom: 95px;
left: 50px;
}
.coluna {
flex: 1 0 33.33%; /* Cada coluna ocupa 1/3 da largura da tela */
}
}
@media screen and (max-width:320px){
.buttonBanner{
background-color: white;