Yo!
I have this site where I’m playing around with some circles (I call them bubbles) with position:absolute. There are 5 of them and 2 of the have a different height and a nested class. When I try to delete the nested class in mobile portrait mode to center the “bubbles” in the middle of the viewport, It also affects the other media queries.
I always thought that cascading always operated from desktop to mobile and not the other way around as well…?
Preview: https://preview.webflow.com/preview/balanserat?preview=025fd95806e8befa061deaf59342b26c
The bubbles I talk about are those under the heading of “Jag hjälper dig med:”. The classes they consist of is:
- Bottom Circle (+Top offset class for a alternating height) with position:relative
- Top Circle with position:absolute
- Circle text
As I said, I want the bubbles to be vertical aligned and centered in mobile portrait mode. But deleting the “Top offset”-class affects the all other media queries as swell.
Help me a bit?