Starter folder (download and rename)
Codepens so far
Flex 1/3 col grid
Remember .ROW then .COL then .CONTENT
flex: GROW SHRINK WIDTH; flex:0 0 33.333%;
Recap on selectors and targeting elements correctly.
Remember to reuse code as much as possible
You can easily center something inside a flex box. Notice the use of vh and vw instead of px this is viewport height and viewport width. Makes it exactly 100% hight and 100% wide
Rollover card flip
A few divs involved, a card container, the card itself and then 2 sides. You can add the positioning to the card-container.
Rollover card flip within layout
A good example of using flex with the card flip and create a grid layout.