Category "css"

Why don't some browser engines let me have 100.1px?

Why do some browser engines not calculate fractional pixels precisely? Based on what logic these final values (.094, .188, .297 etc) are calculated? Is there an

Responsive Tailwind css by Updating Root Font Size (thus rem) Based on @media Query?

I've been working with tailwind in my Vue project and overall its really good, but its a bit annoying to always write sm:w-10 lg:w-10 2xl:w-30 (etc) for all of

Do I put this inline style in head or external stylesheet?

I have an a.nav-link.active element I tried this way but it didn't work a.nav-link.active { background-color: rgb(0, 0, 0); } <a href="#" class="nav-l

I am having problem in development mode with NextJS but it works perfect on production. Warning: Prop `className` did not match. Server

enter image description here This is the problem I am using A React framework & component library for building web user interfaces at Volvo Cars and the eng

Prevent scroll bar to go up when click mobile nav

I have a mobile nav and I open it using this code in JS file: var toggleButton = document.querySelector(".toggle-button"); var mobileNav = document.querySel

How to tell the browser to do the javascript manipulated webpage scaling before any content starts to show up?

I am building a website for me and I care about performance, speed, user experience and a lot more. When I started I didn't know much and I made an initial desi

How to make an image fill the background of a div? (using img tag in the div itself)

This seems like a simple problem but I'm having a bit of trouble finding a solution. I have cards on my page and I simply want the image (in the img tag which i

h:dataTable Setting the width of the cell has no effect

In h:dataTable, set the width of the style of h:column, but it is invalid. The code is as follows: <h:dataTable rowClasses="column50" .column50 { max-width:

How to animate moving each text -30deg [duplicate]

I have a Problem that my text is moving x-direction instead of 30deg. I need to move the text 30deg along. I use transform: rotate (30deg) and

how to scale down absolute positioned elements in the right way using CSS

i would like to ask how to scale down elements given absolute position so that they dont distort on reducing the screen size. Like i have attached an image belo

How to call the same angular component multiple times using querySelector

So I have a component called custom-modal.component. The HTML file looks like this: <dialog id="custom-modal"> <ng-content></ng-content> <

How to make this responsive layout

I can't get the right part to assume the center of the page while being constrained by the content of the left part. Does anyone have time to look into my probl

I need to use a boolean column from my database that is set a 1 or 0 to change the look of one of my articles in my web page

Sorry if the title is a little confusing was trying not to make it too long. I am currently in school and my teacher has tasked us with this "Add a boolean colu

What's the best way to achieve this kind of grid template

I'm facing a problem with creating this kind of grid template by the simplest way. I've tried to find something similar to this that would help me but I've foun

How can I style option hover background?

I made select-option. But option:hover does not work. How can I fix it or what do you prefer? Style must be like this My codes <select> <optgrou

how to add a table row that have different size and display compare to other row

in this excercise, i create a table with 5 row in tr and i put the last row (1 input and 2 button) in a div class btn. the display of last row is ok but i expec

How to change the aspect ratio of image and upload to Imgur?

I have a drop zone where you can drop or select images. And I am using a background-image property to display the image. I am building a post scheduler for Inst

how to show 1 div out of 4 at a time

So I have a navigation of 4 links, to 4 divs(pages). I want only one page to show at a time, with the id=home showing first once the page loads. To be clearer,

Popup div hidden at the end of the data table

Currently we are facing an issue related to a div that hides at the end of a data table that we are using in our system. The popup div is working fine from the

what is the "+" meaning in css selector [duplicate]

thanks in advance,recently I'm learning scrapy and I don't what is the "+" meaning ,here is my codeenter image description here