Skip to content
This repository was archived by the owner on Feb 5, 2022. It is now read-only.

Commit 26ae0d1

Browse files
authored
Merge pull request #443 from openforge/fix/ourwork-small-screen
fix(our work): small screens
2 parents 64e34be + 440bf34 commit 26ae0d1

File tree

1 file changed

+26
-0
lines changed

1 file changed

+26
-0
lines changed

src/pages/app-our-work/app-our-work.scss

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,10 @@
5858
@include media-breakpoint-down(md) {
5959
width: 380px;
6060
}
61+
62+
@include media-breakpoint-down(sm) {
63+
width: initial;
64+
}
6165
}
6266
}
6367

@@ -128,6 +132,10 @@
128132
@include media-breakpoint-down(sm) {
129133
margin-top: 30px;
130134
}
135+
136+
@include media-breakpoint-down(xs) {
137+
margin-bottom: 30px;
138+
}
131139
}
132140
}
133141

@@ -163,6 +171,12 @@
163171
left: 80px;
164172
height: 220px;
165173
}
174+
175+
@include media-breakpoint-down(xs) {
176+
left: 50px;
177+
height: 190px;
178+
top: 20px;
179+
}
166180
}
167181

168182
.behind-right {
@@ -185,6 +199,12 @@
185199
height: 220px;
186200
right: 80px;
187201
}
202+
203+
@include media-breakpoint-down(xs) {
204+
top: 20px;
205+
right: 50px;
206+
height: 190px;
207+
}
188208
}
189209

190210
.front-center {
@@ -210,6 +230,12 @@
210230
margin: auto;
211231
height: 280px;
212232
}
233+
234+
@include media-breakpoint-down(xs) {
235+
position: relative;
236+
margin: auto;
237+
height: 220px;
238+
}
213239
}
214240

215241
.card-image-row {

0 commit comments

Comments
 (0)