FilesExpand file tree

 master

/

styles.css

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

72 lines (61 loc) · 1.17 KB

 master

/

styles.css

Copy path

Top

File metadata and controls

• Code
• Blame

72 lines (61 loc) · 1.17 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

body {

font-family: Arial, Helvetica, sans-serif;

font-size: 20px;

padding: 0 20px 30px 0;

line-height: 1.4;

}

.flex-container {

display: flex;

flex-wrap: nowrap;

width: 100%;

height: 400px;

justify-content: center;

align-items: flex-end; /* Aligns bars from the bottom */

transition: 2s all ease;

}

.flex-item {

background: cyan;

border: 1pt solid #000;

width: 10px;

transition: 0.1s all ease;

}

#input {

display: flex;

padding: 10px;

justify-content: space-around;

}

.h1,

h1 {

margin-bottom: 20px;

}

@media screen and (max-width: 600px) {

.col #input {

display: flex;

justify-content: center;

align-items: center;

}

.col span {

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

padding: 10px;

}

.row {

display: inline;

text-align: center;

}

.flex-container {

margin-top: 0;

}

#input {

display: inline;

text-align: center;

}

.justify-content-end {

margin-top: 0;

}

.btn {

margin-bottom: 10px;

}

}