diff --git a/src/pages/index.js b/src/pages/index.js index 8b982210..9484dbc3 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -43,7 +43,7 @@ export default function Home() {

Solution Guides

-
+
{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%; } }