Hogyan tudnám ezt HTML-ben megoldani?

Az egész dobozt berakod egy olyan linkbe (<a> tag: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a ), aminek a target attribútuma _blank. Ez régebben új ablakot, mostanság új böngészőfület nyit - de HTML-ben ez érhető el.

Szóval:

<a href="https://masikwebold.al">

<div class="card">

<div class="box">

<i class="fas fa-code"></i>

<div class="text">Valami</div>

<p>Click here</p>

</div>

</div>

</a>

Mennyivel jobb lenne ha jsfiddle-t használnánk...

[link]

A felső divbe

style="cursor: pointer; onclick="window.location=' [link]

Srácok, azért 2020-ban ettől elegánsabb megoldások is vannak már, mint a link tag-ek közé rakni a <div>-et vagy js-el az onlick-re nyitni. Működik, csak nem szép.

Kérdező, ha bootstrap-et használsz, akkor:

[link]

Ha nem, akkor pedig "lesni" nem szégyen:

[link]

Hehh azért vicces, hogy 3 különböző (és amúgy jó és működőképes) megközelítést is lepontozott 2 ember.

Az értékelés önmagában nem érdekel, ellenben aki magára ismer azt megkérném fejtse ki, mit talált rossznak a megoldásokban és vázoljon fel egy ettől jobb megoldást...

(#4-es voltam.)