How to Make a curve at the bottom of an Image like this first image of the background
How to Make a curve at the bottom of an Image like this first image of the background
Variable font-weight shenanigans
This is driving me crazy. I have a variable font-weight that works great except for
select and option.
I put a font-weight on it, font-variation-settings: 'wght' 400 -- both do nothing. The only thing that works is changing the font-family to something like sans-serif and that applies the correct font-weight...
Grid-based hierarchy for multi-line elements
I'm wondering if it's possible to achieve a responsive hierarchical layout like this with CSS and/or JS.
I have a grid-based layout that has "cards" that belong to the same parent groups. I'd like to style them so they group together and look decent on a responsive screen. I'd imagine there are JS libraries for handling this but I don't know where to start looking. Thank you in advance! (If it's helpful, I'll probably be creating this in Svelte)...
Using container queries along with subgrid
Hey guys! I'm struggling a little bit with this layout:
https://codepen.io/Markus-Rappat/pen/MWNGJME
I would love to use the container query on the subgrid but it seems like it's breaking the subgrid functionality. Try to uncomment "container-type: inline-size" on the subgrid and see how the layout breaks. Note: This is just a simple markup for demonstrating the issue, nothing more, nothing less. ...
Background Image overflown
code - https://github.com/abhi-zero/profile-card-component
preview- https://github.com/abhi-zero/profile-card-component
I need some help with the Frontend Mentor project I'm working on, called "Profile Section." The task is to create a card displaying profile details and add two circles in the background—one in the top left (a quad-circle) and another in the bottom right. However, I'm facing an issue with the second circle. Despite using overflow: hidden on both the wrapper and the body, the second circle isn't displaying correctly, and a scrollbar keeps appearing.
...
:focus outline being overlapped.
Hey, so my focus outline on this button is being overlapped by the div as you can see in the image. I can't seem to re-create this problem in codepen so i understand if no one can give any proper advice, i'm more trying to see if anyone has had this happen to them or knows what could cause it. My structure is like so:
```html
<div>
<div>
<button>button</button>...
Style an element if it has 2 attributes with the same value?
I have a tricky one. In the first screenshot, it shows the
Qty numeric inputs with custom "spin up" and "spin down" buttons. One is enabled, and the other disabled.
We are using a 3rd party library to do this, and my stylesheet targets showing the disabled (-) and (+) icons by checking to see if the container has an input[readonly]
```...
api is not working on live site
hi guys maybe someone can enlighten me about the api on how do i get a live api for my deployment, because currently i deployed my project in vercel not knowing that i have not yet turn my local host into live?the image is not there but the text is there
Help with Navbar Design Alignment and Line Styling
Hi everyone,
I’m currently working on a navbar design, and I'm trying to understand how to achieve the perfect alignment and styling for the lines in the navbar.
1. Line Styling: What techniques do you recommend for creating the lines? Should I use CSS ::before and ::after pseudo-elements, SVGs, or images?...
