Displaying an element inside flex as full width?

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?


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

1 Like

Thanks :slight_smile:

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