Category "css"

Images are not displaying in webpage grid from uploaded image folder

I'm trying to make a memory match game using reactjs. I have my components and other files in src folder. index.html,style.css and image folder(img, with all im

Module.css not loading styles NEXT js

I'm trying apply module.css to one of my components according to this guide https://nextjs.org/learn/basics/assets-metadata-css/layout-component. /*/components/

How to fix the changing height of <td > in table?

I am fetching data from the database. While displaying the height of the table get changing. I want to fix it. That means it must not change height according t

CSS @import to blank document bombing entire style on failure

The license for a font on our website requires that we add an @import statement to the css file that hits the licensing server. I've gone to that URL in my bro

Different result for different browser with CSS

I have different results for different browsers in the following code: .flexsearch--wrapper { height: auto; width: 50%; max-width: 700px; min-width:

what does double yellow line indicate in vs-code? how to understand the language of errors in vs-code?

enter image description here A couple of double yellow lines appear beneath my codes in vscode, It gives a message which says: a two dimensional transformation

How to fix Invalid request (Unsupported SSL request)

I'm setting up my laravel application and every time I run php artisan serve, it starts a laravel development serve at localhost:8000. Bu when i open the locaho

PHP idea about seat booking system?

I have to make a simple bus seat reservation/booking system with PHP backend. Currently I have done the interface just by using html and css as you can see from

Moving the navigation buttons to the left and the logo to the right

I would like to move the navigation buttons a little bit to the left and separate it from the last button which's Sign Up, at the same time, I need to move the

Moving the navigation buttons to the left and the logo to the right

I would like to move the navigation buttons a little bit to the left and separate it from the last button which's Sign Up, at the same time, I need to move the

Styled Components / React - Style on external element

I'm using Material UI components and MaterialTable and I want to stylish the components using StyledComponents But I not been having the desired results when I

replacing tag with another tag targeting class

Trying to change the h3 tag to a <button> tag targeting via .container and .button-1 class using JavaScript. Unfortunately, it only targets the first h3

Is there a way to reorder "div" elements ,into a descending order, in the DOM according to their content with the onclick of a button?

I am trying to reorder the "divs" (pushed into the DOM via Javascript) with the onclick of a button. Specifically, I'm looking for a Javascript function to reac

How do I handle image sizing in hero area?

I have created a hero area and between this, I have created two divisions and applied a style display with the grid. Now I have put text and buttons on one side

How to align div to bottom inside div bootstrap

html, body, .sidebar-container, .sidebar-row { height: 100%; } .sidebar { background-color: #2C3544; } @media (min-width: 992px) { .s

CSS animations default to slow fade in-out, is there a way to change that?

New to using CSS animations. Created an animation with 8 pictures for a total animation-duration 100sec. Using keyframes percentages I have the first 6 frames 1

litelement - how to compute style based on property or attribute values

I'm following the LitElement guide here but can't seem to get my custom element's style values calculated based on it's attribute. I want my element to be writ

How to not hide my form element after submission if its css display style was set to none previously

$(()=>{ $("#c").click(function loop(event){ $("#a").show(1000).submit(function(event){ if ($("#b").val() === "hello"){

react-datepicker css not being applied

I'm using a Symfony-based react application and am trying to include a datepicker using the react-datepicker module. I can create the datepicker object, but it

How to add custom drop-shadow with linear-gradient in tailwind css?

I am finding a way to add custom drop-shadow with linear-gradient in tailwind CSS. On looking the docs I found this <div class="drop-shadow-[0_35px_35px_rgba