Skip to main content
1 vote
2 answers
77 views

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 ...
-4 votes
0 answers
56 views

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). ...
-3 votes
0 answers
71 views

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

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 : &...
0 votes
0 answers
74 views

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 vote
1 answer
58 views

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 ...
-3 votes
0 answers
87 views

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

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 ...
1 vote
0 answers
87 views

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 ...
0 votes
1 answer
219 views

On iPhone, for some reason, the input type="date" is rendered differently than on PC and Android, and so it is overflowing the parent container. How can the code be modified to achieve a ...
1 vote
1 answer
65 views

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 ...
Best practices
1 vote
2 replies
73 views

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>...
0 votes
2 answers
97 views

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 ...
0 votes
0 answers
127 views

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,...
Advice
0 votes
1 replies
85 views

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 ...

15 30 50 per page
1
2 3 4 5
8