806,802 questions
0
votes
0
answers
38
views
Embedded Flutter Dropdown/Overlay Web Element clipped by parent HTML element constraints
I am implementing Flutter Web Multi-View Embedding to integrate independent Flutter components into a React.js frontend. Following the official documentation, I am initializing each Flutter widget ...
- 1
Best practices
0
votes
2
replies
71
views
Positioning Div relative to outer Div
My apologies if the title is not good.
I am on a group project making a DND map that will let the player move around pieces on the board.
It utilizes Jquery-UI for its draggable functions.
Currently I ...
-8
votes
0
answers
50
views
I need help in CodePen.io. the audio won't play [closed]
I am working on CodePen.io and I have my HTML, CSS, and JS codes ready. Everything works perfectly, except for the sound. I've been struggling with this for two days, trying dozens of solutions ...
1
vote
0
answers
52
views
How can I apply blur to a parent without the children getting blurred? [duplicate]
The background blurs as it should, but the child elements also get blurred and I have no idea what could be causing it or how to fix it.
Does anyone have experience with this or can you see what the ...
- 11
1
vote
0
answers
49
views
Is it possible to align child elements of CSS grid items relative to each other, across the current row or the entire grid, without fixed heights? [duplicate]
This one might be tricky to explain but hopefully some diagrams will help.
Let's say I have a simple HTML grid layout like this:
Everything is nice and aligned with each other. But what happens if ...
- 3,129
-4
votes
0
answers
37
views
Trying to add the See more... Feature into squarespace [closed]
I have never used code before, and I am lost trying to figure this out. Screenshot of where I need to inject my code. All I want to do is add the see more button, but I had no idea it was this ...
-6
votes
1
answer
54
views
How to align logo.svg, Website name and menu icon on the same level? [closed]
How can I align the logo.svg, website name and the menu icon on one level/in one line?
You can see the example here: https://html5up.net/phantom
- 11
1
vote
3
answers
92
views
:focus-visible not triggered on parent :has() selector when focus is applied programmatically
:has(:focus-visible) not matching on programmatic .focus()
When calling .focus() programmatically the :focus-visible selector doesn't apply on buttons like it does on inputs, but tabbing to the button ...
- 123
0
votes
1
answer
122
views
CSS media query problems [duplicate]
i need your help with my website. When i open my website on my computer, everything is fine. But if i open it on my smartphone, the content is way to wide for the given resolution.
My code:
@font-face ...
- 11
-2
votes
1
answer
67
views
Next.js server-side rendering [closed]
I am trying to adjust my sidebar in a dashboard and I load the value from localstorage and I get this issue from Next.js
A tree hydrated but some attributes of the server rendered HTML didn't match ...
- 819
0
votes
1
answer
126
views
Scroll-based text color animation - how to animate line-by-line instead of entire block?
I’m trying to recreate the scroll-based text animation used on SXSW’s website, where text transitions from gray to black as the user scrolls.
What I want:
- Text should animate line-by-line
- Each ...
- 647
0
votes
0
answers
41
views
How to make a curvy line like in netflix home page [duplicate]
Please give HTML and CSS with comments so that I can learn easily
The line should exactly be like this one
This is the image link so that you can preview the expected output for a better result. I ...
Tooling
0
votes
5
replies
93
views
Use ojs theme name is Classy
How can I use a classy theme in OJS for free? Are there any free theme plugins available, and what are the proper steps to install, activate, and apply them in OJS? Any guidance or recommended sources ...
Advice
0
votes
5
replies
69
views
In CSS, is it a code smell to use 'display: inherit'?
I have this in my css:
.navbar-collapse {
...
display: flex;
...
}
.drawer {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: red;
&.collapse {
...
-2
votes
0
answers
58
views
Overriding Bootstrap [closed]
I am overriding the Bootstrap's `.card` class by having the following in my css:
.card {
border: 1px solid #some-color1 !important;
border-radius: some-value !important;
background-color: #...
