Streaming live at 10am (PST)

Shrinking images with absolute positioning


#1

Hi,

I’d appreciate any help I can get with this class project. I figured out how to use absolute positioning on the two icons on top of the hero image to get them to stay where I want, but how do I then get those icons to scale down at smaller sizes. By the time you get to the phone size, the icons actually overlap. Do I need to have separate images at different sizes? I would have thought there was some way to use % or VW/VH in css, but nothing I’ve done works!

Thanks!


Live site: http://vicious-cycles.webflow.io/
Here is my site Read-Only: https://preview.webflow.com/preview/vicious-cycles?utm_source=vicious-cycles&preview=c121db673fa204e5a7e6fcd79ddcc889
vicious


#2

Add dimensions for devices