File tree Expand file tree Collapse file tree 1 file changed +12
-5
lines changed Expand file tree Collapse file tree 1 file changed +12
-5
lines changed Original file line number Diff line number Diff line change 7
7
CSS Solutions: How to fill a box with an image without distorting it
8
8
</ title >
9
9
< link rel ="stylesheet " href ="styles.css " />
10
- < style >
10
+ < style class =" editable " >
11
11
.wrapper {
12
12
height : 200px ;
13
13
display : flex;
14
14
gap : 20px ;
15
15
}
16
16
17
17
.box {
18
- flex : 1 ;
19
18
border : 5px solid # 000 ;
20
- border-radius : 0.5em ;
21
19
}
22
- </ style >
23
20
24
- < style class ="editable ">
25
21
.box img {
26
22
width : 100% ;
27
23
height : 100% ;
28
24
}
25
+
29
26
.box1 img {
30
27
object-fit : cover;
31
28
}
50
47
</ section >
51
48
52
49
< textarea class ="playable playable-css " style ="height: 300px ">
50
+ .wrapper {
51
+ height: 200px;
52
+ display: flex;
53
+ gap: 20px;
54
+ }
55
+
56
+ .box {
57
+ border: 5px solid #000;
58
+ }
59
+
53
60
.box img {
54
61
width: 100%;
55
62
height: 100%;
You can’t perform that action at this time.
0 commit comments