Need help with hovered item
When I hover to the three dots the background is showing on three dots I want the background to still be active if I am on edit go live button too. This is the link of the code
https://codepen.io/tobygxgr-the-sans/pen/OPLrRdy...
is it fine to explicitly set height: 120px for an image?
Kevin said don't use heights and don't use pixel units.
I want to create a grid of cards where the image is the same height and width for every card. Each card has an image and some text right below it. Unfortunetly all the images are either too tall or too short. I did manage to get a hold of the width by using
grid-template-column: repeat(auto-fit,minmax(300px,1fr)) but I'm not sure how to set the height. I was thinking of setting grid-auto-row: 500px or something but I remembered that setting height and px are bad.
Edit:...
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...
