How draw a responsive X within a Divblock

Design help General
1

Hi community! Thanks a lot for all the shared knowledge.

I have both a question and (perhaps) a challenge for many. Is there any way to draw a responsive X (cross) within a Divblock? The idea is to get an appearance similar to the basic boxes we draw on paper during the wire framing of an idea (attached picture below), but responsive (not a static jpeg)!
Perhaps using some SVG?

I’ll try experimenting on my own, but if someone has a ready-made solution, more than welcome!

001
0012210×1474 344 KB

Thanks a lot!

2

Hello @ignaciodavola

Something like this?

3

@aaronocampo, yes indeed! Is it made with an svg or is it just an image that scales without any ratio constraints?

If possible let me know how you did that! =) Thanks a lot for the help!

4

Yes made with custom code.

This can be another option, I never thought of it :+1:

Here’s the link of the project:

https://preview.webflow.com/preview/responsive-cross?utm_medium=preview_link&utm_source=dashboard&utm_content=responsive-cross&preview=9bfddf58cf89204c49d42bd09249670b&mode=preview

5

Awesome! Thanks a lot!

Have an amazing day!

1 Like
6

Hi again! @aaronocampo, sorry to bother you again, but any chance to have a hint of how to change the stroke of the SVG to a dash line when the Divblock is hovered?

I’m leaching here, sorry for that, I’m just starting with Webflow and coding is way beyond my understanding… for now =)

Let’s keep on learning!