Adjusting div block width in grid

I have set the div block width to 100%, but the yellow background is not expanding to fill the width:

Screen Shot 2021-02-25 at 1.44.23 pm

How do I fix this?

Thanks!


Here is my site Read-Only: https://preview.webflow.com/preview/sk-new-c3049b?utm_medium=preview_link&utm_source=designer&utm_content=sk-new-c3049b&preview=cfe0a00f1da18e19d4cff4a2d3440eb9&mode=preview

Steve,

You have two easy ways of accomplishing this:

  1. (This is the most responsive solution) Select your DIV block that contains all the meta data for your blog post (it’s just titled “Div Block”), and in the “Flex Child” setting, change the sizing to be “Grow if possible.”

  2. Another possible solution is to simply take away your max-width of 100% on that div, and change it to a fixed width of 100%.

Both of these options should achieve the same result! :smiley:

1 Like