107 questions from the last 30 days
1
vote
2
answers
72
views
Wrap text within CSS triangle
I'm trying to create triangles with CSS then wrap text content within the triangles itself, so the triangle is the background and the text matches the triangle shape.
I've seen some examples online ...
- 3,049
-3
votes
0
answers
70
views
How can I obtain this staircase design? [closed]
I couldn't obtain this staircase design properly. I tried css grid, but when I did that, the title and the text on the left side becomes very small.
I didn't want to add left side to the grid too. I ...
0
votes
1
answer
53
views
How do I place my `inline-block` element at the right of my larger `div` container?
I have three divs inside of a larger div, I want one to be at the left, the other at the center / middle of the container div, and the last one at the right of the container.
here is my index.html :
&...
-4
votes
0
answers
56
views
Dvh counts android navigation menu? [closed]
EDIT: SOLVED
The issue was caused by background-attachment: fixed, which is poorly supported and causes rendering glitches on mobile browsers (like the "red space" or background jumping).
...
- 1
0
votes
0
answers
73
views
How can I implement this shape from Figma file?
How can I implement this Union shape given in a Figma design. In Dev Mode of Figma this shape with curved arrow only comes as SVG and figma does not give a clip-path css rule for the same. Wanted to ...
- 1,282
1
vote
1
answer
58
views
Element jumps around the corner when animated with CSS offset path
I want to animate a rectangle so that it follows an svg path. I succeeded in doing so, however it looks like the rectangle is jumping around the corners of the path. In the Mozilla docs the animation ...
- 1,471
-3
votes
0
answers
87
views
CSS Grid: why 1fr auto 1fr does not keep the middle column truly centered? [closed]
I’m trying to build a simple 3-column layout using CSS Grid:
left content aligned to the left
right content aligned to the right
middle element must be geometrically centered relative to the whole ...
0
votes
2
answers
66
views
Fade out on image hover not working (css) [closed]
I'm making a portfolio project for class and I've been trying to make a fade in - fade out opacity animation with CSS for some images that act as links. I've succesfully been able to make the fade in ...
- 17
1
vote
0
answers
87
views
Control drawing on a canvas on a window from another window (with sliders)
I have a simple window with a canvas on the top and sliders on the bottom.
The sliders adjust what is being drawn on the canvas.
Because I have a few sliders, I have to constantly scroll down to use ...
- 161
1
vote
1
answer
65
views
How do I programmatically handle swipe-to-scroll behavior?
I noticed that the template I am currently working on has a vertical scrolling issue when tested on tablet and/or mobile devices.
Here is the current behavior:
Remarks: There are issues with the ...
- 1,974
0
votes
2
answers
97
views
How to set grid-row on grids that are subgrids?
In this youtube tutorial the author sets grid-template-rows to auto auto auto such that the subgrid items get 3 rows each.
Then later he replaces the grid-template-rows:auto auto auto setting with ...
- 48.2k
Best practices
1
vote
2
replies
73
views
Is there any performance difference between applying a bunch of CSS classes to each child of an element or using selectors in a CSS file
Let's say I have a table with many many rows:
<ul>
<tr>
<td>column1</td><td>column2</td><td>column3</td><td>column4</td>
<td>...
- 175
Advice
0
votes
1
replies
84
views
Why does a div not take full height even when height: 100% is set in CSS?
I’m working on a simple HTML/CSS layout and trying to make a div take the full height of the screen.
I’ve set height: 100% on the element, but it doesn’t stretch to the full viewport height as ...
0
votes
0
answers
127
views
Anomaly with padding, margin, and display
So, I have a div named highlights which contains a bunch of cards. When I put #highlights into another div, named about which only has padding: 5rem 0; (margin would cause the same effect) for its CSS,...
1
vote
2
answers
177
views
How can I create the Netflix Hero Curved Divider with CSS Radial Gradient?
I am cloning the Netflix hero section and trying to create the red curved divider between the hero and the Trending Now Section. The curve direction and color don't match the real site.
What I want:
...
- 1,317