Skip to content

Instantly share code, notes, and snippets.

@LiorB-D
Created May 20, 2021 05:05
Show Gist options
  • Save LiorB-D/d19081c8fb74864b9b4094a43ebfea20 to your computer and use it in GitHub Desktop.
Save LiorB-D/d19081c8fb74864b9b4094a43ebfea20 to your computer and use it in GitHub Desktop.
#BarChart {
display: flex;
flex-direction: row; /* Arrange the Bars Horizontally using FlexBox */
align-items: flex-end; /* Have the bars start at the bottom and go up */
justify-content: center; /* Center the bars in the middle of the screen */
margin: 50px;
}
.bar {
background-color: #3aa70f; /* Have each bar be a nice green */
width: 10px; /* The animation will start with each bar being 10px wide, and then expand outwards */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment