*Coding help! Something simple.

[ngtskynebula]

Hi! I've looked around Dreamwidth's FAQ and resources on the web, but I cannot, for the love of goodness, find an answer, so I'm posting this here: how can I make my grid appear perfectly centered, without that strange space on the left? I used the code W3 Schools recommends (I'm 100% new to anything HTML/CSS related, which is why I'm having such a basic headache.) One post from many years ago, in this comm, says it's allowed to ask for coding help... I hope my question fits the criteria. I'm using this code right here:

<div class="row"><div class="column" style="text-align: center;"><img src="https://images2.imgbox.com/9e/24/UkLyf1cp_o.jpg" alt="" width="31.5%" height="auto" />&nbsp;<img src="https://images2.imgbox.com/a9/83/Osh99v8X_o.jpg" alt="" width="31.5%" height="auto" />&nbsp;<img src="https://images2.imgbox.com/c6/0b/X6k9TYNk_o.jpg" alt="" width="31.5%" height="auto" /><style type="text/css">.row{display:flex;flex-wrap:wrap;}</div></style></div></div>

It's like this:

Comments

[craftyhobbit]

You might be able to get it sorted with padding, or margin, but it can be tricky. Don't use em though as that will make it move over more, use %, or pt. Sometimes using a negative placement like -10pt rather than 10pt might work. I sometimes adapt pre-made templates and experiment with the placement of things if it doesn't look how I want it to, but sometimes I can't figure out what the issue is.

[ngtskynebula]

Dreamwidth has a habit of not wanting to work in favour of its users, sometimes, I've noticed... I'll keep in mind the % tip, thank you!