How to position the quote illustration?
I'm very bad at positioning illustration, and trying to get better. Here is my code pen, and thank you!
https://codepen.io/Jonah-the-lessful/pen/XJrodNy?editors=1100...
CSS Positioning inconsistent across browsers
I have this cute little svg/psedo-element positioned 12px to the left from the border of the parent element... In chrome, it looks okay, but in firefox and microsoft edge looks much farther away than i have set.
Its parent has
position: sticky and the pseudo-element has position:absolute
I do have a css reset applied,. I also inspected to check if firefox was adding styles that weren't in my reset, but that doesn't seem to be the case......
SVG fill not updating
I am trying to make my last star color gray. I have selected and written the style but its simply not applying. How can I fix?
```html
<div class="d-flex column-gap-2">
<img src="./assets/images/star.svg" alt="Star">...
grid struggle
https://codepen.io/etrbbr/pen/EaYObpW
Hi everyone, I can't figure out what I'm doing wrong. I can't make it look like the design. Can you tell me what I'm doing wrong?...
How to get 'sticky' column to work in table with a colspan?
I have a complex table -- see screenshot of top left. Requires scrolling in both dimensions.
I have got the sticky working for header row and first column OK, using:
```
.perspectives-table th:first-child, td:first-child {
left: 0;...
I need help on making website scroll timeline
I'm trying to achieve a timeline that goes till the end of all the days when It comes nearly to the center of the screen but after a period of time it sadly starts to appear much later which leads to the last one appearing nearly at the top of the screen so what can I do to fix this?
```css
.timeline-bar {
content: " ";...
grid-row-columns: image overflowing out of grid item in grid layout.
Hello everyone. I am trying to create a grid layout that shows 3 columns vertically and than 3 columns horizontally using grid-template-rows. I don't want to achieve this using the auto-fit or auto-fill attributes with grid-template-column. I want to be able to define the height of my rows within the grid layout. The issue is that my image keeps flowing out the bottom. I can't understand why this is happening or a solution. Any ideas? I am coding in react. Code sandbox: https://codesandbox.io/p...
how to create this type of grid effect
no, it's not attached to the image that's a separate layer, how do I achieve this effect with JS
Playground in SVG
I have an SVG playground where users can add components and connect them using poles and wires.
I need to implement a functionality that allows users to manipulate the wire. Specifically, they should be able to adjust the wire, as shown in the second image, where they can move the middle of the wire to make it more organized. How can I achieve this? I'm using only HTML, CSS, and JavaScript....
how to make the grid items not grow based on the parent's sibling
i have a small issue?
how can i make my grid items doesn't get affected by the sibling's height...
Inward border-radius on the bottom right of a container
I want my container to look like the one in the image. I'm also aware that Kevin made a video regarding this
