Skip to content

Commit

Permalink
Merge pull request #37 from ritza-co/pablo-remove-sg
Browse files Browse the repository at this point in the history
pablos code
  • Loading branch information
sixhobbits authored Aug 3, 2023
2 parents f92b14c + cf336cd commit 3cd7612
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 50 deletions.
2 changes: 1 addition & 1 deletion src/pages/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ export default function Home() {
<div className={styles.cardContainerSolution}>
<h2>Solution Guides</h2>

<div className={styles.cardsContainerSolution}>
<div className={styles.cardsContainer}>
{solutionGuideData.map((card, idx) => (
<ContentCard key={idx} {...card} />
))}
Expand Down
58 changes: 9 additions & 49 deletions src/pages/index.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
* and scoped locally.
*/


.cardContainerSolution{display:none;}

.mainSection {
display: flex;
Expand Down Expand Up @@ -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;
Expand All @@ -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;
}
Expand All @@ -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;
}
Expand All @@ -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%;
}
}

0 comments on commit 3cd7612

Please sign in to comment.