File tree Expand file tree Collapse file tree 2 files changed +52
-0
lines changed Expand file tree Collapse file tree 2 files changed +52
-0
lines changed Original file line number Diff line number Diff line change
1
+ < div class ="f ">
2
+ < div class ="s "> </ div >
3
+ < div class ="s "> </ div >
4
+ < div class ="s "> </ div >
5
+ </ div >
6
+ < div class ="f ">
7
+ < div class ="c "> </ div >
8
+ < div class ="l "> </ div >
9
+ < div class ="c r "> </ div >
10
+ </ div >
11
+ < style >
12
+ body {
13
+ margin : 0 ;
14
+ background : # 2C4228 ;
15
+ margin-top : 3.75rem ;
16
+ }
17
+ .f {
18
+ display : flex;
19
+ justify-content : center;
20
+ gap : 1.9rem ;
21
+ }
22
+ .f : first-child {
23
+ margin-bottom : 1.9rem ;
24
+ }
25
+ .s , .c : after {
26
+ height : 1.85rem ;
27
+ }
28
+ .c {
29
+ height : 3.75rem ;
30
+ position : relative;
31
+ }
32
+ .c .r {
33
+ transform : rotate (270deg );
34
+ top : 0.95rem ;
35
+ left : -0.95rem ;
36
+ }
37
+ .l {
38
+ height : 12rem ;
39
+ }
40
+ .s , .c , .c : after , .l {
41
+ width : 1.85rem ;
42
+ background : # A6CE39 ;
43
+ }
44
+ .c : after {
45
+ content : '' ;
46
+ height : 1.9rem ;
47
+ width : 1.9rem ;
48
+ position : absolute;
49
+ top : 1.85rem ;
50
+ left : 1.85rem ;
51
+ }
52
+ </ style >
You can’t perform that action at this time.
0 commit comments