Make Responsive Design with Rounded Image on the Edge
Hi! I've been taking good looks into Kevin's tutorials, and in one of his tutorials with Figma, I came across his layout / design example, which was the image I posted here. If you were to implement this kind of design
layout, how would you make this responsive? Thanks in advance!
1 Reply
There’s a few ways you could approach. As the screen gets smaller you could push the photo underneath the hero content and as the content stacks you just see the arc of the circle underneath and cuts off the circle at the viewport edge. To make sure the text is readable you could apply a filter to the photo or a bg to the content with a blur or slight opacity.