I created a small site with "HTML" and "Less CSS".
Please Look There, Why do they go down together?
CodePen.io (My Test HTML - CSS)
I want the same card to move down when the user hovers on each card, but they all move down together.
What Can I Do Now?
<!DOCTYPE html>
<html>
<head></head>
<body>
<div class="Contaner">
<img src="https://www.0ta100it.com/wp-content/uploads/CSS-1200x480.png" width="300px">
<div class="info">
<h2>Learn CSS</h2>
<p>CSS is a language for design HTML codes. Its Just a very very very very very very very very long text</p>
</div>
</div>
<div class="Contaner">
<img src="https://hanet.ir/wp-content/uploads/2017/05/1500x500-773x350.jpg" width="300px">
<div class="info">
<h2>Learn HTML</h2>
<p>HTML is a hyper text markup language for insert web page elements. Its Just a very very very very long text</p>
</div>
</div>
<div class="Contaner">
<img src="https://www.javascript.ba/system/posts/images/000/000/001/original/javascript.jpg" width="300px">
<div class="info">
<h2>Learn JS</h2>
<p>JavaScript is a FAMOUS Client Side Programing Language. Its Just a very very very very very very very long text</p>
</div>
</div>
</body>
</html>
Aucun commentaire:
Enregistrer un commentaire