docs: hub page responsive fixed

janhq · henryh0x1 · Mar 4, 2024 · Feb 23, 2024 · Feb 23, 2024 · Feb 23, 2024
commit 89133fb62983094405be3d57ce4610ab4eb04cd6
diff --git a/docs/src/components/HomepageSecondaryFeatures/styles.module.css b/docs/src/components/HomepageSecondaryFeatures/styles.module.css
@@ -7,25 7,33 @@
 
 .cards {
  display: flex;
- justify-content: center;
  flex-wrap: wrap;
  justify-content: center; /* Center align the cards */
  gap: 2rem;
 }
 
-@media screen and (max-width: 768px) {
- .cards {
- gap: 2rem;
- }
-}
-
 .card {
  background-color: #ECECEF;
- width: 30%;
  width: calc(33.33% - 2rem); /* Adjust width for responsiveness */
  border-radius: 15px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 2rem; /* Add margin between cards */
  padding: 1rem; /* Add padding to cards */
 }
 
 @media screen and (max-width: 768px) {
  .card {
  width: calc(50% - 2rem); /* Adjust width for smaller screens */
  }
 }
 
 @media screen and (max-width: 576px) {
  .card {
  width: calc(100% - 2rem); /* Adjust width for mobile screens */
  }
 }
 
 .cardContent {
@@ -76,4 84,4 @@
 
 .card a:hover {
  cursor: pointer;
-}
 }