Category "css"

set width contaner to only span content width flex item fixed width and height

how to adjust flex container to only span content width (width of flex items). In this excercise I put 3 flex item (span) in a div container and set width and h

Trying to zoom on hover of image: Circular image overflowing container

I'm trying to get a circular image to zoom when it's hovered. However, I can't get it to work - the image is overflowing the container. What am I doing wrong?

Cannot cover up a gap between a box shadow and input field

Trying to create a basic website layout for a course (Odin Project). However I noticed that their website design has a perfect box shadow with no light gap. Whe

How to split apart a single list with CSS

I'm trying to use a single unordered list and splitting one of the list elements from the others and putting this one onto the left side and others on the right

Font weight set as normal but is displaying in bold on browser

I have font weight set to normal for .meta, .sender, .to, and .receiver. However, this still shows the text as bold for all the content in the middle of the box

Override bootstrap font size

I am using Bootstrap v5.0.2 but I need to override the font size to some custom value. In the html I am using <a href="#" class="btn btn-outline-danger">C

How to align one flex child as flex-start and other in center?

I have a sidebar that is set to flex with direction column. I am trying to get my menu ul to be vertically centered, and my .logo-container to be on the top of

Angular Material 13 - How to change the color of a border of a mat-form-field

How to change the color of a border of a mat-form-field ? (The border when the field is selected) thx ^^ screen .search { display: flex; justify-content: ce

Iframe - Sticky button inside iframe at the bottom of viewport

I am trying to place a sticky button inside iframe at the bottom of viewport, which means, when the scroll event occurs in the parent document, the sticky butt

HTML obfuscation using special fonts

I was browsing a German website when I noticed that during the initial page load there were some non printable characters displayed on the page (like ``). As a

What is the reason for the lack of inheritance of text-decoration? [closed]

So I've read the previous disccussion on this topic and I understand that text-decoration is propagated instead of inherited, but the spec doe

Hero image on mobile changes

I'm trying to add two new things to my hero images on the front page of https://webhost.pro/ and the hero on content pages https://webhost.pro/company/about-us/

How to position these divs on top of each other

I have 3 divs that only contain a background color and what I want to make is something similar to the google chrome logo. This is just part of the code, there

How to align separate svg text elements like character alignment in word

I am working with an svg text element and I need to create separate <text></text> element per character of a particular word, Lorem in this case. Fo

Z-Index, Create a text box and bringing it to the front

I have a simple page, background image and a text box. I need the text box to be at the front but as I'm quite new to html/css I just got lost a bit :) I tried

v-menu background become transparent and overlay navbar Vuetify

I am making a Facebook's notification component using v-menu & v-list. I set height of v-list to 300px because if not, the list will stretch height to show

How do I align 3 div container next to each other using CSS when float left does not work

I am trying to align my 3 service divs next to each other but instead they are each slightly lower than the other one. I think it might be the images that are m

React native - highlight an icon in a "fizzy" way

enter image description here Does anyone know how to achieve this effect?

Using the 'revert' CSS keyword in user scripts

I try to find a difference in how the revert keyword works depending on whether it is used in a user script or on a site itself. An article on MDN describes thi

Issue with CSS file in Django

Trying to load a css file into my base.html file. When I load the webpage, it is not updating the webpage with the css styling I loaded. Everything is running a