Link block and div blocks but i want clickable CARDS

Design help Animations & Interactions
1

Hi there

How can i make a card clickable, div blocks cannot be added INTO a link block but then my div block isnt clickable?

How do i solve this?!

Here is my public share link: LINK
https://preview.webflow.com/preview/thomas-alatis-fantastic-project?utm_source=thomas-alatis-fantastic-project&preview=160012b6ce92216daff043576d1c4fed

2

Hey man,

The elements of the card:
Div Block - For the whole card
Link Block - For the part above the two links (ARTICLES, TOOLS)
Div Block - For the two links (ARTICLES, TOOLS)

You can’t put links inside a link block, so that’s why I came up with this solution.
And put classes on the elements you use.

3

hmmm so what about this…scroll down to the banana…
https://preview.webflow.com/preview/thomas-alatis-amazing-project?utm_source=thomas-alatis-amazing-project&preview=403d6b1683a879d932b9a5cbde2ef22b

4

It’s not actually a link. Just the hover state is set to scale and there is a transition.

5

So basically you can’t have a larger click area?

6

You can, by using link block, but you cant use links inside of it.

7

Lol so u can’t have a clickable card??

8

Links are the clickable text elements. But you can make the whole card clickable by using link blocks. Use the structure I provided in my first reply and go through some of the tutorials on webflow.