How to make two elements hover at the same time if Just one is hovered ? Using css and html

Question

https://code.sololearn.com/WS8eLEbiP7Rw/?ref=app

Answer 1

I don't know about css I think it can be done using JavaScript but I never try though. Will give it a try. but shouldn't rush things and move step by step, the element in your design look good but you make a few changes here I what I suggest:

add the viewport in the head section

<meta name="viewport" content="width=device-width, initial-scale=1" />

sorry but I didn't take the time to go through all your containers so the next thing you should do is wrap all your html code in a container except the body tag and set the width to 100%.

the last thing would be to learn more about responsive design aka RWD.

Answer 2

As a start, you have way to much code in your head tag. See here for what should be included:

https://www.w3schools.com/tags/tag_head.asp

After you've moved your code, see how it looks. You may still need to play with position 'relative' vs 'absolute'.

Answer 3

idk but someone can correct me if I'm wrong. How about making second elements position relative to the first elements postition (the one you're hovering)

Answer 4

thx Guys but i'm not asking about the position of the éléments since it's good in my pc but i'm wondering about the hover selector in csd.
thx for coming by and reading this.
Here's my Last work(in progress)
https://code.sololearn.com/Wjzf0cpe93e1/?ref=app

Answer 5

How can i make two elements hover at the same time if Just one is hovered?