How to do this using radiopac?

5dfb9347399c6690082370.jpeg
do I need to change the markup?
here you demand a solution without js
https://jsfiddle.net/sk13wh6b/
April 3rd 20 at 18:43
2 answers
April 3rd 20 at 18:45
Solution
https://codepen.io/angryyum/pen/RwNprJP something Like that if correctly understood idea
@Tanya_Ki, so
thank you very much

all is OK
and it will be flexible?
+ in adaptive will come out behind the screen( meaning that a unit that shows no pointer on hover)
https://jsfiddle.net/dj6qta92/1/ - Bud_Thomps commented on April 3rd 20 at 18:48
Well, here then is sensitive to @media to work and all. - Tanya_Ki commented on April 3rd 20 at 18:51
@Tanya_Ki, and with the markup?
Do not touch? - Bud_Thomps commented on April 3rd 20 at 18:54
@Bud_Thomps, well here is purely your opinion, if you'll change something in the html may have to change in the css at all if you have any questions write in the cart - Tanya_Ki commented on April 3rd 20 at 18:57
April 3rd 20 at 18:47
Can radio, text label framework for the design depends on the selected radio. Everything in css is made. Inside label hidden div for tooltip reaction to hover. It's pretty simple.
Themselves radio input to make transparent, to position brand, to reduce to 1px. On a simple layout. Wrapper row display Flex, for labels, position relative.

Sorry, writing from phone ))

Find more questions by tags CSSHTMLLayout