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

add base layout

Browse Source
This commit is contained in:
akcodez
2024-07-25 14:41:44 -07:00
parent 9444421d7e
commit 7ba3a8e75c
5 changed files with 83 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
styles/_contribute.scss
View File

@@ -938,14 +938,21 @@
/* This will push the links to the bottom */
}
.bottom-cards-section.bug-bounty {
justify-content: space-around;
.com-card{
min-width: 559px;
max-width: 559px;
height: 442px;
}
}
.bottom-cards-section {
display: flex;
flex-direction: row;
justify-content: center;
justify-content: space-around;
gap: 48px;
max-width: 1280px;
margin: 0 auto;
margin: 100px auto;
.com-card {
padding: 36px;
@@ -962,6 +969,12 @@
left: 0;
content: url(../img/community/card-bg-1.svg);
}
.top-right-img.bug-bounty-card-bg {
content: url(../img/community/bug-bounty-card-bg.png)
}
.bottom-right-img.bug-bounty-card-bg-2 {
content: url(../img/community/bug-bounty-card-bg-2.png)
}
.bottom-right-img {
position: absolute;
@@ -1080,6 +1093,14 @@
align-items: center;
padding: 20px;
}
.bottom-cards-section.bug-bounty {
justify-content: space-around;
.com-card{
min-width: 352px;
height: fit-content;
max-width: 352px;
}
}
.bottom-cards-section .com-card {
margin-bottom: 20px;
@@ -1087,19 +1108,6 @@
display: block;
width: 100%;
}
/* Reset the image positions for mobile */
.com-card .top-left-img,
.com-card .bottom-right-img,
.com-card .top-right-img {
position: static;
/* This removes the absolute positioning */
display: block;
width: 100%;
/* Adjust this if you want the image to take up less width */
margin-bottom: 15px;
/* Add some space between the image and the card content */
}
}
.num-separator {