Category "css"

react-custom-scrollbars can't get styling to work

I'm relative new to react but I'm trying to use a common custom scrollbar but I can't seem to get the styling to work, I also submitted this as an issue on gith

How to put a background video loop on a website HTML/CSS

I'm trying to put a video as a background video on my website. I've researched a lot and it is not working and I don't know why. On my html I have: <video

Potential CSS scroll snap bug in Chrome

Please check this CodePen. The problem is described there. There is also a demo. I've tested it on Mac and Windows. There is the same behavior in Chrome (on Mac

sass format is broken when I type border-radius in vscode

I want to add border-radius to a element in my scss file. before: .card { &__side { height:50rem; &--front { backgroun

SASS : How to generate a map using a loop

My goal is to generate a SASS map to store variants of colors that are stored in the following map: $colors : ( jet : #333333, wint

How to customize Date Picker via simple css?

I am trying to achieve this My code is below HTML <input type="date" > CSS input { border: 1px solid gray; border-radius: 4px; }

Flex gap and flex wrap with percentages

I am constructing a form where the field's width percentage is dynamically set by clients. My first approach was to create a flex container with wrapping enable

Jekyll Blog Post: Centering Images

Say you have a blog site with Jekyll and the blog posts are centered on the page. I want content (i.e. paragraphs, words, code, etc.) to be aligned to the left,

How to convert Markdown + CSS -> PDF?

I'm trying to convert a Markdown file into a PDF. I'm looking for only two things: A way to easily change the style of the pdf (for example with a CSS file) A

Setting minimum and maximum number of columns using CSS Grid

I have 10 divs (64px x 64px) that I want to display in 5 columns maximum (for Large and Extra Large viewports) and 3 columns minimum (for small viewports like i

2 div next to each other in bootstrap

I'm trying to show two divs next to each other using Bootstrap, but there is a distance between them. How can i place them exactly next to each other. The code

What is the difference between counter-set and counter-reset in CSS?

I've recently been trying to automatically number headings for my Notion writing. The usual implementation I found on the Internet is like this: body { coun

Two legends in a fieldset

You can't have two legends for a given fieldset, but is there a way to get a legend effect without using the <legend> tag? <!-- left legend --> <

Nuxt CSS properties declared on :root selector are not found

I have a Nuxt 2 app and I'd like to create a component with a <style> tag like the following, using CSS properties for styling. The goal is to define a de

Text input - text appears at the middle?

So it's very simple but I can't find the answer. The text on my text field appears at the middle and I want it to appear at the top left corner like it normally

Get the document's background color

Most web browsers, by default, render pages as having a white background. However, this is to some extent user customizable, and some browsers are different.

Angular material: snackbar is hidden behind component with high z-index

So I'm playing around with Angular a bit and I wanted to add material snackbar to my app for when there's an error in my app. So, I have my hompage and my nav

How can I create a Download Page with post php method?

I want to know that how can I create a download page in PHP that download files without reveling the download link to the file, and source to the file and downl

Rails CSS, JS, and jQuery TypeErrors (for Windows) [duplicate]

It has recently come to light that my program is experiencing plenty of errors on the localhost:3000 server. I'm quite new to Ruiby on Rails a

Adding CSS linked stylesheet outside of head section

This might seem a bit unorthodox, but I am trying to use Bootstrap with the website I'm working on now, but don't have access to the head section of the site it