Skip to content

Commit 94c876c

Browse files
author
ElaMoscicka
authored
added spacing
1 parent 0433bb1 commit 94c876c

File tree

1 file changed

+22
-19
lines changed

1 file changed

+22
-19
lines changed

Diff for: 28 - Video Speed Controller/style.css

+22-19
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,42 @@
11
body {
22
margin: 0;
3-
display:flex;
3+
display: flex;
44
justify-content: center;
55
align-items: center;
66
min-height: 100vh;
7-
background:#4C4C4C url('https://unsplash.it/1500/900?image=1021');
8-
background-size:cover;
7+
background: #4C4C4C url('https://unsplash.it/1500/900?image=1021');
8+
background-size: cover;
99
font-family: sans-serif;
1010
}
11+
1112
.wrapper {
12-
width:850px;
13-
display:flex;
13+
width: 850px;
14+
display: flex;
1415
}
16+
1517
video {
16-
box-shadow:0 0 1px 3px rgba(0,0,0,0.1);
18+
box-shadow: 0 0 1px 3px rgba(0,0,0,0.1);
1719
}
1820

1921
.speed {
20-
background:#efefef;
21-
flex:1;
22-
display:flex;
23-
align-items:flex-start;
24-
margin:10px;
25-
border-radius:50px;
26-
box-shadow:0 0 1px 3px rgba(0,0,0,0.1);
22+
background: #efefef;
23+
flex: 1;
24+
display: flex;
25+
align-items: flex-start;
26+
margin: 10px;
27+
border-radius: 50px;
28+
box-shadow: 0 0 1px 3px rgba(0,0,0,0.1);
2729
overflow: hidden;
2830
}
31+
2932
.speed-bar {
30-
width:100%;
31-
background:linear-gradient(-170deg, #2376ae 0%, #c16ecf 100%);
32-
text-shadow:1px 1px 0 rgba(0,0,0,0.2);
33+
width: 100%;
34+
background: linear-gradient(-170deg, #2376ae 0%, #c16ecf 100%);
35+
text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
3336
display: flex;
3437
align-items: center;
3538
justify-content: center;
36-
padding:2px;
37-
color:white;
38-
height:16.3%;
39+
padding: 2px;
40+
color: white;
41+
height: 16.3%;
3942
}

0 commit comments

Comments
 (0)