grid
last update:
2022/07/29
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 50px;
code_popup
a
b
display: grid;
grid-template-columns: 72px 1fr;
word-break: break-all;
code_popup
a
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
c
d
e
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
g
h
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: minmax(100px, auto);
row-gap: 20px;
column-gap: 10px;
code_popup
a
b
c
d
e
f
g
h
i
.ex04 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.ex04 p {
position: relative;
padding-bottom: 50px;
word-break: break-all;
}
.ex04 i {
width: 100%;
height: 50px;
border: #d22 3px solid;
position: absolute;
left: 0;
bottom: 0;
}
code_popup
aaaaaaaaaaaaaaaaaaa
b
c
d
e
f
g
h
i