
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>
<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>
<script>row5();</script>
</div>
and in styles.css:
.row5 {
width:67vmin;
display:flex;
}
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;
}
width:67vmin;
display:flex;
justify-content:space-around;
}
previous
next