Category "css"

How can I fit a img into a div wholly?

.flexbox-item-1 { min-height: 300px; min-width: 300px; border: 3px solid red; overflow: hidden; /* background: url("./Zodiac_Logos_jpg/Aries_zodia

Live server installed but not working in VS code

I have installed the live server extension but the browser does not update after I save my HTML or other files. What might be causing a problem?

How to align the icons on the right to the center of the navigation bar?

I want to align the social media icon on the right in the center of the navigation bar along with the navigation link and logo. I'm trying to do something like

unordered list bullets don't work on safari

I have a simple unordered list with a custom bullet (>> instead of a Disc Bullets). It is working on Firefox, but not on safari. On Safari my bullets beco

Why don't my class styles apply to dynamically created elements? Angularjs

My question is simple; why don't my class styles apply to dynamically created elements? I am creating a search bar here where I generate an li per matching resu

Is mixng plain CSS "style" with Bootstrap "class" good practice?

Is using plain CSS inline "style" and React-Bootstrap "className" at the same time a bad practice? <FormControl type="search" placeholder

Blazor Animation - set div to display: none after animation ends

Recently I have implemented some animations but I am having some problems when the animation ends. I have a div structure for responsiveness, that shows a menu

how to clip a circle inside a shape

It's a rectangle inside a shape。 -webkit-clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%

Step progress bar not working horizontal in mobile

I am trying to implement the step progress bar and I have done the below for the desktop version. Photo who works on the desktop like Desktop Version When I try

Stylesheet for single object

I have a HTML page with a stylesheet linked in the head tag. I want to make an object with animations, and instead of using the original stylesheet for the anim

Why does in Bootstrap 4 not put the col-4 in a row?

I can't figure out why the col-4 doesn't work to have all 3 items in a row <footer> <div class="row"> <div cl

Vuetify v-select component width changing

My v-select components should have a fixed width (60px), they fit in a table cell, and I want to prevent them from changing the width after value selected. They

How can I override margin-block-start?

I included normalize.css I have margin:0 on the header elements I have margin:0 on every class on the page https://www.christianlong.design/SuperSmashBrosDB/php

How to select a Bootstrap class in JavaScript in order to perform style changes on it

I am trying to access a Bootstrap card element so that I can hide its display when I use a search function. Currently I access the element inside the card in my

How to remove whitespace when collapsing cards

I am writing a filter search to filter through cards of customer data. The search functions work, but when the cards collapse they leave degrees of whitespace w

How to hide image's alt tag when you reload the page with lazyload?

I am using lazyload to display my images in my website (with data-src instead of src). However, when you reload the page, you can see the alt tag appear (durin

Fixed border tables html css

I want to make the borders of the table round. If I change the background color, or make a grid in the table, then everything goes beyond the rounded corners I

How to align items to rightmost edge of multi-column span (css grid)

I'm working with a CSS grid layout with a 20 column span. For ne of my grid items I've specified that it span 5 columns, like so: .parent-grid { displa

resize "box" in Java

I started high school this year, we are doing some big semestral project and I'm not very good in HTLM/CSS. My crewmate did the page design on some random websi

<img> element should responsively resize, relative to the width of its parent element, without exceeding its original size

I started working on tribute page project on codepen passed 9 test cases. Tried all the ways but cannot pass the last test case. My css code #img-div { displa