Category "css"

How to add multiple classNames to nextjs elements

I have an unordered list element that looks like this: <ul className={styles["projects-pd-subdetails-list"]}> {detail.subdetails.map((sub) =&

How to access the real 100vh on iOS in CSS

This is a self Q&A If you've ever tried to use 100vh in CSS on iOS you will have found that it isn't actually 100vh when the browser chrome is expanded. It

SCSS Background Hover

I am struggling to change the background of my link when I hover over it with SCSS. I am able to do so when I go back into my main.css, but I really want to und

how to align the form to the right? [closed]

i am tying to have the h3 aligned with the form so the form goes to the right and the h3 to the left and both of them to be centered ? <

How to achieve fluent scrolling in Hybrid Maui Blazor APP?

Update I've added a screencast to better demonstrate the horizontal scroll problem I'm building a Hybrid MAUI / Blazor app. My goal is to make use of the native

How to style slides on the edges in Swiper slider

I'm using Swiper slider plugin (https://swiperjs.com). And I need to add opacity 0.5 to slides on the edges of visible viewport. https://i.stack.imgur.com/A6nr5

Make <div> element clickable on hover

I'm working on a website (my first) that uses WordPress, but I'm tweaking some little things through HTML and CSS code. I have a bunch of pictures in a grid,

need help centering bootstrap carousel image

I am having trouble making the image centered in the slider. Please see my carousel here https://wordpress-website-headless-v2-c9jivybjd.vercel.app/ it is creat

Vertical image Resize. (Flex or vh)

Hey! Thanks for reading! I've got a web-app login screen. I'm focusing on creating a responsive app-like login page. (no scroll etc) Issue description: With a v

How to change "Choose file" text using Bootstrap 5

Is it impossible change choose file text of input file in Bootstrap 5 using CSS like Bootstrap 4? And how can I add a margin to "No file chosen"?

How can I prove that two HTML pages look identical?

E.g., I have this: <pre> sun<br/> &nbsp;&nbsp;&nbsp;&nbsp;mercury <br/> &nbsp;&nbsp;&nbsp;&nbsp;venus

How to fix the header of mat-tab

I am having 5 mat-tab and each tab is having a large amount of data so scroll is getting added to that window. Is there any way through which I can fix the head

Disable pinch / zoom in IOS Safari while being in fullscreen

I have a webgl game working fine on iPad Safari I can disable system pinch / zoom actions with usual solutions (like this one: disable viewport zooming iOS 10+

Bundler & Minifier error 0: Expected closing parenthesis, found ','

I am getting some really annoying errors when debugging my ASP .NET Core application in VSCode. It seems to be related to my css bundler/minifier, but I have n

Javascript print function not working inside a modal

I want to print data from a pop-up modal on my website, so in the footer of the modal, I added a print button. (The extra divs at the end are from code above):

CSS Style Disappears on Form Button Click

I have a side panel menu that is styled how I want, along with a top nav bar. When I press the add button the form gets submitted but the style disappears on th

my html and css not linking when using 'url_for'

I am creating my first project in web application using python flask. Now I'm working with my html, but my css is not linking to my html when running with flask

Adobe Illustratore delete my class names on svg images. How can I prevent this?

I have this svg image: <svg width="160" height="250" xmlns="http://www.w3.org/2000/svg" class="sovog"> <path class="antenna-left" d="M76.782 25.

adding dynamic class name in svelte

I am currently writing an app with svelte, sapper and tailwind. So to get tailwind working I have added this to my rollup config svelte({ compilerOption

how to change color of navbar when scrolling to bottom?

I have 2 probelems. Problem-1: I am trying changing navbar background color when scrolling to bottom. I am trying to add the class but it couldn't override the