previous

page 26

next

Hopefully you added this line to your head section:

<script src='row5.js'></script>

And just before the closing body tag, you added code like this:

<div>
<script>row5();</script>
</div>

We get the zero scores ok but they're in a column rather than a row.
flex is the answer but first we'll need to assign a class to this new div.
We'll also need to specify how wide it is - I chose 67vmin - that's 5 times 13 plus a little extra for the borders.

<div class='row5'>
<script>row5();</script>
</div>

and in styles.css:

.row5 {
width:67vmin;
display:flex;
}

Well the zeros are now in a row but we need flex to spread them out for us.
Here's how:

.row5 {
width:67vmin;
display:flex;
justify-content:space-around;
}
previous
next