8th Project - Social Proof Section

Quite a challenge again, I need to improve with my responsive layout

Things I have learned

1. background property

• background-color: rgba | rgb | hsl | hsla | # (hex)
• background-image: (default: none) | url()
• background-position: left | center | right .. | 10% .. | 10 px .. | top left | center bottom
• background-size: auto | cover | contain | 50 px .. |
• background-repeat: (default: repeat) | no-repeat | repeat-x | repeat-y
• background-origin: (default: padding-box) | border-box | content-box
• background-clip: (default: border-box) | padding-box | content-box
• background-attachment: (default: scroll) | fixed | local

2. flexbox "stair-case" component

parent container has width property as well as display: flex

and its children: first child align-self: flex-start second child align-self: center third child align-self: flex-end