ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-20 11:45:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

adjust breakpoint logic for section

Browse Source
This commit is contained in:
akcodez
2024-11-20 07:55:00 -08:00
parent a4681aeb48
commit 18ef3e0b3e
2 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
static/css/devportal2024-v1.css
View File

File diff suppressed because one or more lines are too long

32
styles/_pages.scss
View File

@@ -1835,14 +1835,6 @@ html.light {
color: #e0e0e1; color: #e0e0e1;
} }
.feature-grid {
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: center;
margin-bottom: 40px;
}
.cta-container { .cta-container {
display: flex; display: flex;
justify-content: center; justify-content: center;
@@ -1884,12 +1876,28 @@ html.light {
align-items: center; align-items: center;
} }
} }
.feature-grid {
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: center;
margin-bottom: 20px;
.feature-card { .feature-card {
flex: 1 1 240px; flex: 1 0 100%;
max-width: 300px; max-width: 100%;
cursor: pointer; margin-bottom: 20px;
@media (min-width: 768px) {
flex: 1 0 calc(50% - 40px);
max-width: calc(50% - 40px);
}
@media (min-width: 1200px) {
flex: 1 0 calc(25% - 30px);
max-width: calc(25% - 30px);
}
} }
}
.feature-card:hover .right-arrow-item::after { .feature-card:hover .right-arrow-item::after {
transform: translateX(4px); transform: translateX(4px);