Entrega do Desafio #6

Merged
anacarolinaduartecavalcante merged 8 commits from develop into master 2023-02-06 12:06:25 +00:00
2 changed files with 9 additions and 52 deletions
Showing only changes of commit 88b063d04d - Show all commits

View File

@ -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;
}

View File

@ -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 {