806,706 questions
0
votes
0
answers
20
views
0.1rem top/bottom is not equal with an image
.box{
background-color: red;
padding: 0.1rem 1rem;
}
img{
width: 24px;
height: 24px;
vertical-align: middle;
}
<div class="box">
<div class="logo">
<img src="https://...
- 2,613
1
vote
1
answer
31
views
Set CSS @property with <image> syntax
I have a CSS @property that uses <image> syntax - want the option to set it to URLs or gradients.
However, initial-value errors:
This results in the rule being ignored.
Here is a sample, note ...
- 157k
Best practices
0
votes
1
replies
17
views
How to implement dynamic style on HTML elements (leaflet map markers)?
I am working on a leaflet based map.
The map has a bunch of markers which are mostly being drawn with PNG images, though some use FontAwersome SVG icons. Different types of thing use different icons.
...
- 725
0
votes
0
answers
49
views
Transparent PNG logo looks invisible or “washed out” with mix-blend-mode: screen [closed]
I’m a beginner in programming and I’m building an HTML page to generate post designs for my own company.
The idea is to keep a fixed layout (structure, size, and logo) and only change the text content ...
-1
votes
1
answer
65
views
Why are buttons overlapping in a flex container?
The buttons I have put in the flex container overlaps and I can't seem to figure out why. I have tried text and that seems to work fine. How do I fix this?
#docksnav {
background-color: rgba(0, 0, 0,...
- 7
0
votes
1
answer
53
views
Outline is not rendered in Firefox if scale is too small
Consider the following code snippet. When the scale is set to more than 0.5, the outline is visible. When it is less than 0.5, the outline is missing. At exactly 0.5, the outline is strangely only ...
- 41
0
votes
1
answer
108
views
Telling an <img> to auto adjust its height based on sibling height
i have a loop of wordpress posts - each post is a horizontal flex container with an <img> on the left and a <div> on the right with content of variable height (posts flow one below another)...
Advice
0
votes
3
replies
124
views
Why do people say that centering a <div> is hard?
I see many coding memes about web development where they talk about centering a <div> is hard. But I don’t really understand why I used to Center a <div> many times. Can someone please ...
- 1
-3
votes
0
answers
83
views
Setting variable hight on <img> elements [closed]
i have a loop of wordpress posts - each post is a horizontal flex container with an <img> on the left and a <div> on the right with content of variable height (posts flow one below another)...
Best practices
0
votes
5
replies
81
views
How should CSS be organized in a Laravel project when using layouts, views, and partials?
I’m working on a Laravel project where I use Blade layouts, partials, and views for my frontend structure. I understand how these Blade features work for reusing HTML, but I’m confused about how CSS ...
-2
votes
1
answer
88
views
What's wrong with my overflow: scroll code? [closed]
I'm trying to scroll the purple div, and hide the yellow div.
#container{
height : 100px;
width : 100px;
background : yellow;
overflow : hidden;
z-index : -1;
position : ...
- 857
-2
votes
1
answer
138
views
Smooth scroll snapping between full-screen sections in Next.js + Tailwind sometimes skips sections or gets stuck
I’m building a frontend application using Next.js and Tailwind CSS where each section takes up the full viewport height (100vh). I want to implement a scroll-to-next-section behavior (similar to ...
- 71
-1
votes
1
answer
88
views
Adjusting Grid Height and grid-auto-rows [closed]
I'm new to CSS and website making. I'm working with grids and grid items, of course, grow taller if the content doesn't fit.
I want to make it so if one grid item is taller, the entire row grows the ...
- 1
1
vote
2
answers
171
views
Can font-size be set by unicode range?
I'd like to change the size of the symbols but they cannot be wrapped in additional HTML tags. Is there a way to target a unicode range when setting font-size? Such as,
span.name[...unicode range...] ...
- 3,350
0
votes
1
answer
63
views
DIV that stretches, but scrolls? [duplicate]
I'd like to make a <div> that stretches to fill all available vertical space within its parent <div>, but upon growing larger than that parent <div>—because of content inside of it, ...
- 41
