0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>Now let’s assemble an interface using course cards in the flexbox.</p>
1
<p>Now let’s assemble an interface using course cards in the flexbox.</p>
2
<p>We need the flexbox to make this block adaptive. You will see how flexibly it can be adapted in the following assignments.</p>
2
<p>We need the flexbox to make this block adaptive. You will see how flexibly it can be adapted in the following assignments.</p>
3
<p>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.</p>
3
<p>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.</p>
4
<p>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.</p>
4
<p>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.</p>
5
<p>In this series of assignments we will add temporary highlighting to items so that you can better see what is being repositioned and how during the operation process. You will be able to delete this highlighting at the end of the assignment so that you can see the intermediate result:</p>
5
<p>In this series of assignments we will add temporary highlighting to items so that you can better see what is being repositioned and how during the operation process. You will be able to delete this highlighting at the end of the assignment so that you can see the intermediate result:</p>