Input inner text limit
Question might be a bit weird but basically in the screen you can see an html
input element with a value in it. Its value rn is, 12.123456. As you can see, it gets cut after 12 with a HUGE space at the right size. This has no inner padding/margin, this is default behavior. How can I at least decrease that space at the end ?
How much is too much css? (cube css)
Hey guys, I built this webpage, i used cube CSS, came up with some composition classes, utitlity classes and some button and card classes. My total lines of code came to about 300. It does have animations on hover for the nav bar(dropdown menu with border color lighting up)
I'm worried it seems like a lot, however the cube method has allowed my code to be easily modified, is understandable and editable (more than my bem), it's also lead to nice efficient lines of code in certain places.
I want to know what you guys think? too much? or does the amount not matter...
Unable to apply Display Flex in ReactJs.
I am trying to map my card content and show them as rows but the cards are stacked vertically. I have spent more than two hours on this. Could anyone look into this please?
How to recreate this component with (optional: TailwindCSS)
I am trying this but I don't know why I can't make this happen, everything is failing, clip path, background image etc, mission impossible for me, I would love to see how some CSS Wizards would solve this with the fade inside with the dotted pattern bg, fading border and nozzle grain bg ish. Thank you! ❤️
I don't have any URL, otherwise I would inspect it and see how they have done it....
grid breaking my brain
https://codepen.io/Miss-Fox/pen/WNqzOdm?editors=1010
each .collections-item is the same width.... each .collections-item .img-wrapper__lg is the same width... each .img-wrapper is the same aspect-ratio .... and has an overflow: hidden....
so why does the last one have a gap in between the three small images and the first two , their row of three images overflows onto each other?...
how to Remove border in input while focus in css
```css
#search{
width : 300px;
height:50px;
padding-left:10px; ...
