Having trouble modifying the CSS of a class in my HTML file. I've been struggling with this for quite some time and can't figure out what I'm doing wrong. (I've already attempted multiple versions, but nothing seems to work)
Here's an example: I want to adjust the row height in the following HTML snippet:
game.html
<div class="game">
<ul class="each" data-bind="foreach: {data: rows, as: 'row'}">
<li class = "li">
<ul class="row" data-bind="foreach: {data: row.beads, as: 'bead'}">
<li class="bead" data-bind="
currentSide: left,
drag: bead.drag.bind(bead),
></li>
</ul>
</li>
</ul>
app.css
.row {position: relative;
max-width: 3000px;}
game.html
$( document ).ready(function() {
var windowHeight = $( window ).height();
var rowHeight = windowHeight/5;
$('.row').css('max-width', rowHeight);
});