Figma – Bani

#1.

  • This is Video or static image?
  • Sterling sports…is text or image or a part of section image?
  • Arrow is static arrow or animated arrow? Click arrow will scroll down or do nothing?

Figma bani 1

#2. You can do this section easier with Fluid Engine, use Image Block, Text Block then drag them overlap together but it might not overlap in the same position across the entire screen size.

To round corners of image, we can use CSS code, or you can design image before uploading.

Figma bani 2

We can also Gallery Block + CSS code to fixed text in same positions on multiple screen sizes.

Figma bani 3

#3. This is Carousel or just static image, text boxes?

Figma bani 4

#4. Users need to enter text in left or right position?

Figma bani 5

#5. With these, I think you can add Image Blocks, then we can hide it on Desktop, then you will adjust it to desired position on mobile

Figma bani 6

However this image, since it overlaps between 2 sections, so we need to use some CSS code to add it. Or if you build these elements on same section, you can drag it overlap without CSS code.

Figma bani 7

Buy me a coffee