+
{solutionGuideData.map((card, idx) => (
))}
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 1c013fa2..9b96b311 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -3,7 +3,7 @@
* and scoped locally.
*/
-
+.cardContainerSolution{display:none;}
.mainSection {
display: flex;
@@ -86,45 +86,28 @@
}
.productsSection {
display: flex;
+justify-content: center;
+align-items: center;
+ display: flex;
flex-direction: row;
align-items: center;
- justify-content: space-between;
+ /*justify-content: space-between; */
margin: 1.6rem 0;
- width: 80%;
+ width: 100%;
padding: 0 46px 30px;
}
.cardContainer {
background-color: white;
width: 48%;
border: 1px solid #200264;
- padding: 24px;
+ padding: 25px;
text-align: center;
}
-.cardContainerSolution{
- background-color: white;
- width: 48%;
- border: 1px solid #200264;
- padding: 24px;
- text-align: center;
-
-}
-
[data-theme="dark"] .cardContainer {
border: 1px solid white;
background-color: rgba(0, 0, 0, 0.4);
}
-
-[data-theme="dark"] .cardContainerSolution {
- border: 1px solid white;
- background-color: rgba(0, 0, 0, 0.4);
-}
-
-.cardsContainerSolution {
- display: grid;
- grid-template-columns: 2fr 2fr;
- grid-gap: 1rem;
-}
.cardsContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
@@ -138,13 +121,11 @@
color: #1E0068;
}
.solutionsGuidesSeeMore {
-
display: flex;
justify-content: center;
align-items: center;
- /*color: black;8*/
- color: transparent !important;
- /*grid-column: 2 / span 3;*/
+ color: black;
+ grid-column: 2 / span 3;
font-size: 1.3rem;
min-height: 102px;
}
@@ -153,32 +134,16 @@
color: white;
}
-[data-theme="dark"] .solutionsGuidesSeeMore {
- color: transparent;
-}
-
@media screen and (max-width: 768px) {
.contentCard {
grid-template-columns: 1fr;
}
-
- .productsSection {
- width: 100%;
- }
}
@media only screen and (max-width: 1100px) and (max-width: 1200px) {
.cardsContainer {
grid-template-columns: 1fr 1fr;
}
-
- .cardsContainerSolution {
- grid-template-columns: 1fr 1fr;
- }
-
- .cardsContainerSolution {
- grid-template-columns: 1fr 1fr;
- }
.solutionsGuidesSeeMore {
grid-column: 1 / span 2;
}
@@ -191,16 +156,11 @@
margin-bottom: 24px;
}
- .cardContainerSolution {
- width: 100%;
- margin-bottom: 24px;
- }
.cardsContainer_src-pages-index-module{
display: block;
}
.productsSection {
flex-direction: column;
- width: 100%;
}
}