Skip to content

Commit 52b7f9c

Browse files
committed
styles: optimize ad page for mobile
1 parent 75e9f98 commit 52b7f9c

File tree

1 file changed

+5
-3
lines changed

1 file changed

+5
-3
lines changed

src/pages/AdPage/AdPage.scss

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -238,7 +238,6 @@ $secondary-card-size: 64px;
238238
&__inner-content {
239239
margin-top: 30px;
240240
width: 100%;
241-
height: 100%;
242241
padding: 0 20px;
243242
box-sizing: border-box;
244243
display: flex;
@@ -347,8 +346,11 @@ $secondary-card-size: 64px;
347346

348347
@media screen and (max-width: 900px) {
349348
.ad-page {
349+
width: 90%;
350350
display: flex;
351-
flex-direction: column;
351+
gap: 50px;
352+
flex-direction: column-reverse;
353+
margin: 20px auto;
352354

353355
&-profile-container {
354356
margin-top: 10px;
@@ -375,7 +377,7 @@ $secondary-card-size: 64px;
375377

376378
&__author-info {
377379
position: static;
378-
margin-top: 100px;
380+
margin-top: 0;
379381
width: 100%;
380382
}
381383
}

0 commit comments

Comments
 (0)