Forum Discussion
Using image blocks to vary transition design
I saw an article that suggested creating custom images to vary the transition from block to block. Usually, it's a hard horizontal line. I saw an example of a lesson using a wavey line.
I created ...
The example image is 1999px191px. And it's sitting underneath a quote block.
Rise keeps a buffer for responsive layouts. It's really a LOT of trial and error to get things looking right, and you need to be designing for the optimum screen size for your users.
Personally I would suggest:
- Download the image from the test course and try to replicatate it exactly.
- Check the padding-bottom on the text block too.
- See how it looks on different screen widths.
I did a quick throw together and it looks pretty close to the example course.
Thanks, Simon. I'm assuming it's quote block A, Image Full Width, and Image and Text to produce what you made. Is that right?