Skip to content

Commit 761aa6e

Browse files
committed
Made moderators section responsive
1 parent 9f45474 commit 761aa6e

File tree

2 files changed

+32
-1
lines changed

2 files changed

+32
-1
lines changed

docs/css/global.css

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -161,7 +161,6 @@ textarea:focus {
161161
display: flex;
162162
justify-content: center;
163163
align-items: center;
164-
border-radius: 20px;
165164
padding: 1rem;
166165
}
167166

@@ -201,3 +200,12 @@ textarea:focus {
201200
border-radius: 10px;
202201
box-shadow: 3px 5px 5px var(--shadow);
203202
}
203+
204+
@media(max-width: 1000px) {
205+
.box {
206+
display: flex;
207+
justify-content: space-around;
208+
border-bottom: 1px solid var(--heading);
209+
/* border-radius: 20px; */
210+
}
211+
}

docs/css/styles.css

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -384,6 +384,29 @@ nav ul li a:focus {
384384
margin: 2rem;
385385
}
386386

387+
/* Responsive Moderators */
388+
@media(max-width: 1000px) {
389+
#moderators .container {
390+
width: 100%;
391+
}
392+
393+
#moderators .box-container {
394+
display: grid;
395+
grid-template-columns: repeat(1, 1fr);
396+
row-gap: 1rem;
397+
column-gap: 0rem;
398+
margin: 0rem;
399+
}
400+
401+
#moderators .overlay {
402+
display: none;
403+
}
404+
405+
.user-profile h3 {
406+
font-size: 1.08rem;
407+
}
408+
}
409+
387410
/* Footer starts */
388411
.footer {
389412
display: flex;

0 commit comments

Comments
 (0)