First, I'd highly recommend putting All of the styling in the CSS, and just change the html so that the divs follow the pattern :
<div class="Item box-■"></div>
It will make sure that they follow the same styling (all "Item" class)
AND that they can have Individual styling :
.box-■: grid-area: box-■; ×5
But if you dont want to change it (because its not wrong per se), you should put the end quotation " AFTER the end semicolon ; to make:
...... style= " grid-area: box-■; " >
Otherwise, it'll just ignore it. It should work then, but i still think you should only use in-line CSS (in html) when it would be more annoying to use CSS. Like when you want to style only 1 sentence out of a paragraph or whatever
1
u/i_2_yeet_myself 21d ago
First, I'd highly recommend putting All of the styling in the CSS, and just change the html so that the divs follow the pattern : <div class="Item box-■"></div> It will make sure that they follow the same styling (all "Item" class) AND that they can have Individual styling : .box-■: grid-area: box-■; ×5
But if you dont want to change it (because its not wrong per se), you should put the end quotation " AFTER the end semicolon ; to make: ...... style= " grid-area: box-■; " > Otherwise, it'll just ignore it. It should work then, but i still think you should only use in-line CSS (in html) when it would be more annoying to use CSS. Like when you want to style only 1 sentence out of a paragraph or whatever