I'm working on a React application, using Tailwind for styling. This issue happens when I've been developing for a while. For example, I add a container with hover:bg-red-900, and it works at first, but for some reason, that specific style…
I have a html table with a sticky header. I need to fix it because in Chrome the top of column values can be seen above the header: Top of table header <div style="max-height: 700px; overflow-y: auto;"> <table class="table table-sm…
I'm trying to grey the border elements smoothly with css smoothing and it does nothing and the elements are 1 pixel thick code: function greyBorder() { var elms elms = Array.from(document.getQuerySelectorAll(".border")) for (var i = 0; elms[i]; i++) { elms[i].style.backgroundColor…
I have simple example that applies style when div height is less than 400px. <html> <head> <style> .card-container { container-type: size; container-name: sidebar; } .card-container { background: #ffe4e8; width: 200px; height: 100px; } @container sidebar (max-height: 400px) { .card-container div:first-child…
HTML <div class="buttonFrame"><div class="btn"></div></div> CSS .buttonFrame { position: relative; width: 55px; height: 20px; border-radius: 12px; border: 2px solid black; overflow: hidden; top: 30%; left: 45%; z-index: 100px; } .btn { border-radius: 12px; width: 0%; height: 0%; background: linear-gradient( 90deg, rgba(2,…
Basically I'm doing my first ever internet portfolio. I'm using hostinger and wordpress.com. I wanted to create my own theme, so I create a folder in wpcontet/themes named mytheme and put in my style.css and index.css and it was working…
where the error is occurred? this is my end points: theme: { screens: { 'mobile-sm': '320px', 'mobile-md': '481px', 'tablet': '769px', 'desktop-sm': '1025px', 'desktop-md': '1201px' }, I need to apply style as, flex-col in the mobile view and flex-row in desktop…
I have use an API for Gemini AI, this AI sends me a text with stars and tags for format the text like this: **Knowledge and Information:** **Answer questions:** Provide factual information and knowledge on a wide range of topics.…
I have a problem with changing the cursor during object dragging. I'm trying to figure out how to properly change the cursor at the moment of dragging. I have a React component. I tried to implement cursor change like this,…
I have project with html + js files I want to style elements like autocomplete, spinner etc. I don't want to install any library/framework Which framework can I use only by link un the html tab? I need the most…