Offset footer section

Design help General
1

I’m looking to create a footer section like this:

Screen Shot 2020-05-16 at 6.37.41 PM
Screen Shot 2020-05-16 at 6.37.41 PM1156×676 33.3 KB

But I can’t seem to figure out how to get the block offset to the left while adding the text and email submission area correct.

2

Has anyone had the chance to take a look at tihs? I’ve been trying to figure this out since I posted and have made very little progress -_-

3

Hello :slight_smile:

  1. I would use a div block to hold all the content. This div block would be the full width of the page (I tested with 100% width and 500px height).

  2. Then within that div block, you would place another div block. Set margin-right: auto and margin-left: 0, then set a desired width and height and give it a background colour. Then set the layout to display: flex, direction: vertical, align: stretch and justify: end.

  3. You can then insert a form into that div block and give it a little bottom and left padding so that it doesn’t sit to the side of the div block :slight_smile:

I hope that makes sense. If you don’t come right then I can try and explain it better - or perhaps make a quick recording of me doing it :slight_smile: Good luck!

4

Hey Nicole, sorry for the super late response!

Was this for the bottom text or the black box?