How can I show the select options at the bottom of the screen on a mobile device?
I have a number input and a select input next to it like the image attached
When I focus on the
input[type=number][inputmode=decimal] , it works correctly where my number keyboard pops up
however, when I move to the select options, the keyboard goes away and it is only focused upon.
I want to allow the user to keep their hands at the bottom of screen and select an options like option 1 and 5 here in this website...
Grid container height doesn't fit all of its children
I'm trying to create a bracket in html and I ran into an issue where my original container doesn't seem to fit all of its children, it's just barely too small. As you can see on the screenshot the container's height ends and its padding (that I added there to make it not cut off the last item) starts. Any idea what makes the container too small?
I noticed that if I remove my
<h3>s at the top of every column then the container's height is correct and padding isn't needed, not sure if it's related.
Here's the link to a tailwind playground, sorry if it's messy: https://play.tailwindcss.com/REG3wRZEwt...
Firefox button height transition bug fix?
For some reason my css works fine in chrome, but in firefox I get this weird bug causing the button to weirdly stretch vertically.
https://codepen.io/23chromosomes/pen/jOoqLwV...
Vite Production Build: CSS/JS Not Loading - Need Assistance
I'm having trouble with my HTML, CSS, and JavaScript project using Vite. I'm building a Recipe Website with the MealDBAPI. The project works locally, but when I build it for production using npm run build and preview it, the CSS and JS files don't load, and I can't figure out why. I've tried many solutions but nothing has worked so far.
after I finished the website,I decided to build it for production, the css and js doesnt work anymore.
Here鈥檚 what I鈥檝e done:...
Hero Img spacing
I have this hero img and can't figure out why there's that space (made aqua for easy spotting). All my headers have a margin:0 and I've tried playing with padding as well.
Maybe I'm missing something with the hero image
HTML...
Block Display Item Scaling issue
Hello! I am making a little portfolio website for my assignment and i ran into an issue. The big pictures are not scarling properly. Is there a way to fix it. Or should i use a different display type that would make this work. Im not sure what to do.
The red is how it looks like when im inspecting it and the yellow highlighter is how i want it it to be.
Ill appriciate your help 鉂わ笍...
Scrollable aside
Hello, probably someone ask this already but i just couldn't find it, so i want the lyric box (on the right side) become scrollable instead of expanding to the bottom, so that the height is following the left box content
How would you recreate a button like this?
The main decoration are the little crosses in the corners if you see them.
I've seen similar buttons one or two times before but only today tried to recreate it and got to something a little different but nice https://codepen.io/fgvdg/pen/gOJwLNg
Anyways, Im interested if someone has made a button like this before or someone knows how to do it? thanks in advance.
the button is from here https://nucleoapp.com/...
