CSS

I'm using Vue3 with TailwindCSS and want to create a grid with a dynamic grid-cols-{n} classI know that TailwindCSS supports up to 12 columns by default but I can't customize the theme because the amount of columns is completely dynamic

Now, I have a posting systemThere's an input field and a submit button

I've a input field as type date and the of that format is dd/mm/yyyy which is not defaultIn my desktop screen it's working properly and also I've a placeholder in the same field as DD/MM/YYYY

is it possible to make a column adjust its height when others change? I have all columns at the same height using flex but when I change one of them dynamically, the others stay the same

I'm working on mobile version of http://library-devbdrc

Using Angular framework to build my website's front-end, I'm trying to include a button/icon capable of opening and closing this sidenav:

I've been working with Open Sans in a project for a while and we then decided to use a new font, and after adding the new font the layout breaks everywhere and the text appears to be aligned to the topHere are some screenshots for a simple text in an icon:

I stored a hex-color value in string as well as a number and pass the variable as a value for css propertyWhy this code not work can you explain me

I am trying to create a flex container layout whereby one of the flex items should span two rowsSee image below for a better explanation:

i created a notification box that it shows me an alert when i create a notification from the date which i create this notification

I have these codes:

https://cbbanalyticscom/stats/27694/games/1864019/overview - page-break-before is not working as intended on this page following chrome update from v97 to v98

is there any way how can I make div bigger then its parent? I know its bad practiceBasically I have div that is small and I need to create div inside which will be through entire window

I recently added a location search field on my site which shows suggestions based on what you type, but on Microsoft edge, a menu pops up on clicking on the input fieldHow can I disable this menu from appearing on just this input field of my site?

I am making a contact form using Reactjs and emailjs, but I input a form that says "Message sent !!" after sending a message and "Failed to send message!" When the message cannot be sent

Want to improve this question? Update the question so it's on-topic for Stack Overflow

Recently I've dived into the topic of CSS animations and transitions

I am using Barbajs, GSAP + Locomotive scroll for making creative page transitions on my works

I have one div, with buttons that trigger JS functions to add/remove CSS classes to the divI understand this is a common way of doing simple animations ("transitions")

I'm having an antd rangepicker problem with keyboard popping up when using it on my phone

I'm having a bit of trouble with React-Transition-Group, it's been a couple of years since I last had to work with it

I am not very well versed in HTML and CSSI am currently building a web application using Django and I integrated a sidebar into my web application using Bootstrap, but it has messed my layouts, and I can't seem to figure out how to move the content in a block to the left of side of my sidebar

Trying to make a simple increase/decrease counterWhen var n is < 0 it changes to red, and same for ==, but when its greater than it stays black