Skip to content

Commit cee68bc

Browse files
fix rwd on flexible section
1 parent 38b0d4a commit cee68bc

File tree

1 file changed

+19
-4
lines changed

1 file changed

+19
-4
lines changed

src/pages/_home/components/FlexibleIdentity/FlexibleIdentitySection.astro

+19-4
Original file line numberDiff line numberDiff line change
@@ -143,15 +143,30 @@ import Image from "astro/components/Image.astro";
143143
}
144144
.elevated-card {
145145
border-radius: 10px;
146-
padding: 65px 86px 65px 65px;
146+
padding: 40px;
147+
148+
@include break-up(md) {
149+
padding: 65px 86px 65px 65px;
150+
}
147151

148152
& > div {
149153
width: 100%;
150154
display: grid;
151-
grid-template-columns: 133px 163px;
155+
grid-template-columns: 1fr 1fr;
152156
grid-row: auto auto;
153-
column-gap: 86px;
154-
row-gap: 86px;
157+
gap: 30px;
158+
justify-content: center;
159+
160+
@include break-down(md) {
161+
align-items: center;
162+
}
163+
164+
@include break-up(md) {
165+
grid-template-columns: 133px 163px;
166+
grid-row: auto auto;
167+
column-gap: 86px;
168+
row-gap: 86px;
169+
}
155170

156171
img {
157172
max-width: 100%;

0 commit comments

Comments
 (0)