Displaying an element inside flex as full width?

HTML & CSS
1

Hi there,

I have a container with display flex and align-items: center.

Within this container, I have a <p> tag and then a <ul>

However, the <p> and <ul> are displaying side by side. Is there a way to display each of these elements full width/under each other?

Thanks

2

One way is to set the container to flex-wrap: wrap and then set the children to flex: 1 0 100%

1 Like
3

Thanks :slight_smile:

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.