Loading…
Everything will be ready in few seconds
- Theory
- Theory
- Comments
The course card
Now let’s assemble an interface using course cards in the flexbox.
We need the flexbox to make this block adaptive. You will see how flexibly it can be adapted in the following assignments.
Let’s get started with a separate card. Let’s make the card into a flex container and change the direction of flow of its main axis from top to bottom. We need to do this so that we can flexibly control inner card blocks in the future.
Recall that flex items can also be flex containers at the same time. We will convert the block with meta information into a flex container so that we can arrange the blocks with tags and read time.
- index.html
- style.css
Thanks! We’ll fix everything at once!
The code has changed, click “Refresh” or turn autorun on.
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
Comments