Streaming live at 10am (PST)

Getting multiple lists to fill a container width?

Hi! I have div blocks inside a container that lists all states. I was curious how I could get it to fill the width of the screen on laptop?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)


I would build it like I show in the attach video. Change the container to flex vertical. Add class name to each list item so you can use the space for each item.

Thanks for providing this video. So give each state an individual class (like List MN, List WI, etc)?


You can use the same class name for all your list items, You don’t have to differentiate class name for each state. The reason you set A class name for all list items is because you want to apply some parameters to all list items at once (like margin). Hope it helps and don’t hesitate to reach out if not… :slight_smile: