How to deal with :hover on touch devices?

Question

JavaScript

There is a site where additional information appears in the portfolio when you hover.
How to adapt to touch devices so that when you click on a job, additional information appears?
uni.webj.esy.es

Answer 1

You can use :focus (unless the element is a link to another page). Or add a class by clicking on the script (by clicking on the element itself, if it is not a link, or place an additional button on the block with the work, by clicking on which the class will be added).
If there are links or any clickable elements in the information that appears, then it’s better to open it with a script, because :focus, :hover, :active won’t work (they won’t let you click in the block that appears, it will simply hide)