This will style "shortField" as 200px wide and longField as 400px wide. You could then add a third field for "lastName" and have a class as "longField" to style it the same as as firstName.

To do that with IDs it would very quickly get messy as you'd need to specify EACH ID in CSS.

HTH

<div>
<label for="title">Title</label>
</div>
<div>
<input type="text" id="title" class="shortField" />
</div>
<div>
<label for="firstName">First name</label>
</div>
<div>
<input type="text" id="firstName" class="longField" />
</div>

And use classes to style. CSS:

.shortField { width: 200px }
.longField { width: 400px }

with:

So, use IDs where elements relate::

<div>
<label for="firstName">First name</label>
</div>
<div>
<input type="text" id="firstName" />
</div>

TL;DR: use an ID to label and relate elements. Use a class to apply styling to a particular CSS selector.

Cylons

I went back to DAI after playing Veilguard. Combat feels really flat in DAI compared to Veilguard. I miss dodge and range. I'm generally rubbish at combat, but it didn't feel quite as much a chore in Veilguard.

(Esp. as you can turn off death, which I definitely never did even on Storyteller)

When it gets it right you think "Oh, that's not bad". But it's like having to do a code review before you autocomplete and 95% of the time you have to change stuff. It's interesting, but I don't think it's going to increase productivity. The generated comments are half OK though.

I'd love to see a DAO remaster with the option of a voiced PC.
DA2 could always do with a little more love.
DAI still looks pretty good, considering it's nearly 11 years old.