Category "css"

Going to mobile view, the bar has coded to be 100vw, but it's extending site in width, which I don't want

My problem (in HTML/CSS) is that, when I go to mobile view, it's extending a site width, for pre-counted size. Before all, the bar is calculating a width. for b

How to style scroll bar in code using css?

I am developing an online code editor similar to CodePen, and I was trying to style the scrollbar of code mirror, but I don't know what is the exact line of cod

How can I make the picture sticky on scroll locomotive

I want to make my picture sticky when I scroll, I'm using locomotive-scroll and VueJS. So I want the content on the left to move but not the image on the right

Printed Table within a Table's cells not lining up

I'm making a localhost website that keeps track of my family's medications as well as has weekly print out sheets that we use to make sure all the meds to in al

.netCore 3.0 Dark theme text color is not applied correctly

I am attempting to update my site to use a dark mode. The functionality seems to work, but only part of it. The Text-color is not updating until I toggle it on

Big blank space at the bottom of page

I'm having this problem, when I added a background image to a flexbox column, I can see that there is a big blank space at the bottom at the bottom. I tried to

Use HTML file with inline or external css in flutter

I am working on a flutter application, which consists of an EPUB reader (I have used the epub_view package to render the EPUB files). Since we already have a we

HTML/CSS Radio buttons not clickable due to being inside a Radio controlled tab container?

I have created a set of radio buttons to allow users to provide a response to a set questions. The HTML I have set works perfectly on a fresh html page but when

Big blank space at the bottom of page

I'm having this problem, when I added a background image to a flexbox column, I can see that there is a big blank space at the bottom at the bottom. I tried to

Right align buttons inside flex

How can I align the buttons on the right hand side to the right (the right side of the orange box in the image)? [Visual of the button element not aligned to th

Html - long textinput

Is there a way to make text in text input look like textarea .I want the text to start from the top and goes back to line at the end but i don't want to use tex

Weird glitch on card hover

my problem is I used some effect to make the card float using transform(translate) and some shadow and it works just fine, but whenever I come near the edges wh

Remove specific HTML div when click on delete button using vuejs

So I have some input fields which are repetitive to fill different data. For every repetition, I also have a delete button. If I click on this delete button, th

How to make mobile menu full-width

I cannot figure out, how to make mobile menu full-width. When I click on hamburger menu, it opens up, but it's only like regular dropdown.I tried many ways to c

Disable CSS transitions on window resize?

I'm surprised I can't find any solutions to this. I've got four square divs which are in a line at full-screen, in a 2x2 grid at mobile size. They change colour

How to create a navigation menu for existing site using HTML, CSS

I am pretty new to coding. My boss is asking me to add a navigation bar to the existing website so all the services are hidden in the Service option. Can anyone

Emmet for React.js Classes: "styles.something"

I am a React developer using VSCode. When you type .hello, it inserts<div className="hello"></div>. However, that is useless because my classes are

Why is the second background image not displaying after rotating my device?

I have two background images to create a layered effect and to keep the file sizes small. There's a repeating star pattern in the back, and a white "cutout" on

Animation css for the last element added with js and Vue

I have an array in which I put all the elements that have the class Box, then I add a new div with Vue, which is added correctly, but I try that the last div th

Place images on same line [Ruby on Rails]

I have badges that are displayed on profile pages But there is this block of white space that fills in. I am not sure how to position the badges appropriately.