forked from M3-Academy/challenge-vtex-io
Entrega do Desafio #6
@ -519,25 +519,10 @@
|
||||
}
|
||||
.shippingTable .shippingTableHead .shippingTableRow {
|
||||
display: grid;
|
||||
grid-template-columns: 13% 8% 17%;
|
||||
grid-template-columns: 78px 48px 136px;
|
||||
grid-template-areas: "A B C";
|
||||
column-gap: 32px;
|
||||
}
|
||||
@media (max-width: 2561px) and (min-width: 1920px) {
|
||||
.shippingTable .shippingTableHead .shippingTableRow {
|
||||
grid-template-columns: 10% 5.6% 12.5%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1025px) and (min-width: 768px) {
|
||||
.shippingTable .shippingTableHead .shippingTableRow {
|
||||
grid-template-columns: 9.6% 5.5% 11.5%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) and (min-width: 375px) {
|
||||
.shippingTable .shippingTableHead .shippingTableRow {
|
||||
grid-template-columns: 30% 18% 39%;
|
||||
}
|
||||
}
|
||||
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName,
|
||||
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate,
|
||||
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice {
|
||||
@ -572,26 +557,11 @@
|
||||
}
|
||||
.shippingTable .shippingTableBody .shippingTableRow {
|
||||
display: grid;
|
||||
grid-template-columns: 13% 8% 17%;
|
||||
grid-template-columns: 78px 48px 136px;
|
||||
grid-template-areas: "A B C";
|
||||
column-gap: 32px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
@media (max-width: 2561px) and (min-width: 1920px) {
|
||||
.shippingTable .shippingTableBody .shippingTableRow {
|
||||
grid-template-columns: 10% 5.6% 12.5%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1025px) and (min-width: 768px) {
|
||||
.shippingTable .shippingTableBody .shippingTableRow {
|
||||
grid-template-columns: 9.6% 5.5% 11.5%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) and (min-width: 375px) {
|
||||
.shippingTable .shippingTableBody .shippingTableRow {
|
||||
grid-template-columns: 30% 18% 39%;
|
||||
}
|
||||
}
|
||||
.shippingTable .shippingTableBody .shippingTableRow .shippingTableCellDeliveryName {
|
||||
grid-area: A;
|
||||
text-transform: capitalize;
|
||||
@ -611,6 +581,9 @@
|
||||
color: #afafaf;
|
||||
padding: 0;
|
||||
}
|
||||
.shippingTable .shippingTableBody .shippingTableRow .shippingTableCell .shippingTableLabel {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.shippingTable .shippingTableBody .shippingTableRow .shippingTableCell .shippingTableLabel .shippingTableRadioBtn {
|
||||
display: none;
|
||||
}
|
||||
|
@ -516,18 +516,9 @@
|
||||
display: block;
|
||||
.shippingTableRow {
|
||||
display: grid;
|
||||
grid-template-columns: 13% 8% 17%;
|
||||
grid-template-columns: 78px 48px 136px;
|
||||
grid-template-areas: "A B C";
|
||||
column-gap: 32px;
|
||||
@media (max-width: 2561px) and (min-width: 1920px) {
|
||||
grid-template-columns: 10% 5.6% 12.5%;
|
||||
}
|
||||
@media (max-width: 1025px) and (min-width: 768px) {
|
||||
grid-template-columns: 9.6% 5.5% 11.5%;
|
||||
}
|
||||
@media (max-width: 768px) and (min-width: 375px) {
|
||||
grid-template-columns: 30% 18% 39%;
|
||||
}
|
||||
.shippingTableHeadDeliveryName,
|
||||
.shippingTableHeadDeliveryEstimate,
|
||||
.shippingTableHeadDeliveryPrice {
|
||||
@ -565,19 +556,10 @@
|
||||
.shippingTableBody {
|
||||
.shippingTableRow {
|
||||
display: grid;
|
||||
grid-template-columns: 13% 8% 17%;
|
||||
grid-template-columns: 78px 48px 136px;
|
||||
grid-template-areas: "A B C";
|
||||
column-gap: 32px;
|
||||
margin-top: 15px;
|
||||
@media (max-width: 2561px) and (min-width: 1920px) {
|
||||
grid-template-columns: 10% 5.6% 12.5%;
|
||||
}
|
||||
@media (max-width: 1025px) and (min-width: 768px) {
|
||||
grid-template-columns: 9.6% 5.5% 11.5%;
|
||||
}
|
||||
@media (max-width: 768px) and (min-width: 375px) {
|
||||
grid-template-columns: 30% 18% 39%;
|
||||
}
|
||||
.shippingTableCellDeliveryName {
|
||||
grid-area: A;
|
||||
text-transform: capitalize;
|
||||
@ -597,6 +579,7 @@
|
||||
color: #afafaf;
|
||||
padding: 0;
|
||||
.shippingTableLabel {
|
||||
white-space: nowrap;
|
||||
.shippingTableRadioBtn {
|
||||
display: none;
|
||||
}
|
||||
@ -606,6 +589,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//Tab Layout
|
||||
|
||||
.productImagesContainer--image-description {
|
||||
|
Loading…
Reference in New Issue
Block a user