I have images that I would like to have a fixed pixel height and auto width with object-fit: contain. How does one achieve this behavior with NextJS Image Compo
Is there a way to create custom CSS properties in JavaScript? Example Note: this code won't work, it's just showing the sort of thing I'm looking for. I'm looki
I am working on a website using tailwindcss. But for some reason the navbar wont work when using the "sticky" class. I tried using the "fixed" class instead, bu
I would like to make sure that my image preloads properly, as there's an svg effect, that only looks good when the background is loaded. function preloader() {
Say I have this css : div div p:nth-child(1), div div p:nth-child(2), div div p:nth-child(3), div div p:nth-child(4), div div p:nth-child(5) { } This will sele
when you click on one of the 'cButton' elements, the active style will be applied to it but if you hold the mouse button down and then hover over another cButto
I have a sidenav menu with some Js, I would like to add the overlay but I don't know how to do it, sorry but I'm a beginner. I tried several ways without succes
here is my code: https://codepen.io/vexisqt/pen/GRQoogQ for some reason scroll-behavior: smooth; is not working html { height:100%; scroll-behavior: smo
i want to display a form to create posts. i use crispy-form and it currently displays: with html template: {% extends 'blog_app/base.html' %} {% load crispy_fo
I had created a bill format in HTML and when I am viewing it in browser it viewed perfectly but when I am trying to print it is breaking in 2 pages. I am attach
If you look at https://double-seven.dev.sfindr.com/html-pdf-demo/index.html in Chrome, everything is nice and in place, but if you open the print preview window
I am having trouble fitting two graphs onto one page in dash-plotly. When using code attached below only the top plot is being displayed. Besides that, I do not
I'm working on media queries, I'm trying to go from a tablet view to a desktop view. I can only get one or the other right, not both. https://imgur.com/gallery/
I have an element that contains a couple of elements and I want that while clicking on the green header of the element it will be dragged with the mouse movemen
I am using bootstrap cards and I could manage the card image from overflowing outside the card area but the bottom of the image overflows in the card-body regio
I have built a menu on this page that is live: https://boys-cry.com/ and it was working fine until I added the mobile background content on a different section
I have a little problem with display:inline-block on Chrome when I try to print the page. Here is the code: <html> <head> <style> @p
I writed code $scope.updatepricingimport = function(file) { debugger if(file == null || file == undefined || file == "") {
In my case, flexbox method works very well for centering the navbar as the navbar has fixed positioning. What I don't want is the other div th
I am using Recharts with Next.js and Tailwindcss, I copied a barchart code snippet in Recharts to create my own barchart too. I have to change the height to asp