Hi there, generally I’ve been able to create basic elements using sections and div blocks on Webflow, but I’m having trouble on the one attached. It seems different div blocks need to be added in a way to change the positioning and cascading in a correct way.
Here’s what I need it to look like:
Please let me know how I can replicate the design and include the instructions.
Here is my site Read-Only:
I would use
Grid. If you have no idea about this feature, go the
Webflow university and watch some tutorials
@shokoaviv just rewatched the video and attempted to make the changes using a grid.
I’m not sure how to:
remove the space below name div block on desktop
reposition the grid on mobile in the way I’m looking for
my star image has an abnormal spacing on top and below. I can only think of adding margin to the image to even out the spacing even with flex center applied. Do you have a better approach?
Hi is anyone able to help? I appreciate it if so
Also, what do I need to change so the frame doesn’t stretch when adding more “Thank you for the help” under name? Ideally I’ll keep it the same position as is. Thanks!
Start your project and share your read only link (
how to) I’m sure You’ll get help
@shokoaviv my read only link was shared in the original post
Thank You for sharing
Here is A tiny video to show how to use
Grid in your case. Hope it helps
@shokoaviv can you share how I can keep the same proportions in my design regardless of how much text is inside the “thank you for your help” text block?
Here’s a video of what I mean: