Unordered list items with span, img and a div tag. How to make image of all li align vertically?

I want to image to vertically align, rightnow it depends on the span on the left side(city names). Any ideas?
7 Replies
Avinash
Avinash16mo ago
i thought of making image and div (rightside) into and another div but i didnt want to cause it involved a lot of divs inside another divs. My html already has so many nesteded div and i didnt feel like i needed another one
Unknown User
Unknown User16mo ago
Message Not Public
Sign In & Join Server To View
Avinash
Avinash16mo ago
yeah they are in flex. i gave display:flex, jcc, aic
Mannix
Mannix16mo ago
use grid that way you can set rigged sizes for each column
Avinash
Avinash16mo ago
umm i dont know anything about grid, i saw few commands and im not sure to which you are referring. can you provide more details about it?
Mannix
Mannix16mo ago
grid-template-columns: 1fr 1fr 1fr; will make 3 equal columns you can use any other unit instead of 1fr if you want specific size for your columns
Avinash
Avinash16mo ago
yes, it worked thankyou so much