Does `aria-labelledby` work if the id is on a parent element?
I have a unique use case where I have a
{{ heading }} twig expression that renders markdown. So {{ heading }} will evaluate to something like <h2>Lorem ipsum</h2>.
Therefore, I need to put the id on a parent element (see attached). Will this still be accessible? I'm trying to provide a name to my section...
Creating a triangle connecting a div and a point on an image
I'm trying to sort out the best way to create the lower opacity triangles you see that connect the boxes with the names of the deltas on the left with their locations on the right. The solution only needs to work on larger viewports (once the elements stack the triangles aren't necessary).
My default idea is finding a way to get three points with JS (top and bottom right of the box and then a rough estimation of the point on the map), then create a shape from those three points (somehow). I feel like there might be a way to do it with pseudo elements, but I'm not sure that's actually possible. What's the right approach here?
If it matters, it's setup using grid, and it goes 1 (white boxes), 2 (map), 3 (colored boxes) so that it will stack in the right order on narrower viewports....
Following "infinite horizontal scroll animation" tutorial from Kevin on Youtube; not working (help!)
So, I was following everything in this video: https://www.youtube.com/watch?v=iLmBy-HKIAw&t=530s&ab_channel=KevinPowell
And everything was working right until the javascript part came in, where for some reason the "data-animated" attribute isn't being added. Here's screenshots of my code as I followed it from the tutorial:...
Dealing with pseudo elements and background color
Hello,
I have an issue with one of my pseudo elements. I have a pseudo element of ::before which is a "wave image" (the wave image is part of the component with the Heading and paragraph you can see ) you can see it in the image. The CSS of this component is :
```flynt-component[name='BlockWysiwyg'] {
background-color: var(--background-color);
position: relative;...
modern Layout
Hey guys, do have an idea how we can achieve such a layout, it looks like a grid but the "div" with the plant picture has more than 4 corners ans all corners have a nice border radius.
I solved it with a svg as a mask element but i feel like there must be a simple css solution
I would be grateful about any idea or help...
Problem with the container background
I'm using a ternary operator, and transparent is not working, but "#343964" is working. I was able to hide the content of the container, but not the background.
```import React from "react";
import Questions from "./Questions";
import QuizResults from "./QuizResults";...
