Make form label text wrap around embedded 'checkbox' input, or simulate that somehow?
The label:
```
<label className="agmt_label" htmlFor="agreement">
<input
// className="preApproval_input"...
Multifactor authentication input styling
Hi all!
I am looking for a way to style a form input box for MFA. Attached is what it looks like currently, but basically just a password input field.
I would like to separate the text in this field into groups of
**** *** *** to make mis-entry a little more obvious, or even cooler would be **** 123 456 where the initial pin of the token is hidden but the remaining token from the app is visible...
...
alignment problem while customizing the <input type="range" /> element
i have a floating anchor div above the input element, which should move aline with the thumb. But its moving slightly back of thumb after 1st half of range and slightly front on 2nd half of range. I have a video link and a GitHub project link below. Please, someone kindly help me with is issue.
videoLink - https://www.loom.com/share/c96d4f861a7245c48ef588047480f173?sid=6983b73e-7105-42db-9b05-fdf7e72ea6a6
project link-https://github.com/waran2337/vidyo-pricing-page...
React + Vite Builds -what do you style in index.css and app.css?
Someone refresh my little pea brain.. app.jsx is where we import all of our components into, which then gets pushed into main.jsx and through that, pushed to our html file and blasted onto the client, yay...
so our global styling is kept into index.css? what styling would we put into the app.css, in that case?
Since app.jsx is going to be hosting all of our components, and it'll generally look like the below, what would you style in app.css for the most part?...
safari and chrome design difference
hello I need help its an emergency currently I dont have mac and PM says mac ui looks different I have no idea because in chrome it look perfect:
https://staging-sb.d3ptiw0ygi100w.amplifyapp.com/clubs
in chrome it look right as expected but in safari all cards in the club page height is too small ...
The website is changing its responsiveness after hosting the website ..
I created the website while on the local machine in mobile view is working fine but after hosting on mobile view its responsiveness is changing ..
How to achieve this style
I want to create an style like in the picture, should i use grid or flex? how?
Getting a Grid to stretch The Appropriate Length
I have a grid that holds my sidebar and my main content. I want the grid to stretch till the padding of my body. I’ve messed with setting the height to different things but the grid never expands. I would guess I might need to do something with min-height but I’m not sure.
HTML
<div class="sidebar">
<ul>...
Need help CSS For Responsive Hero
I wanted to ask for some assistance on making this attached image responsive. There are two objects. One on the left and one on the right. Also, there is text in the middle. I've tried to use absolute position for the two objects, but they don't scale correctly when resizing. Can someone assist with the best approach to tackle this? Thank you!
