I am currently running a simple spring boot project via vscode. Everything works well but my css and javascript assets won't load when i run it. this is my current project structure and this is how I add the css…
I want to have the ability to do full bleeds (displaying an item from edge to edge on the viewport) within my grid setup. I would like to have the item with the class full-bleed to span the design-grid and…
How to center the login structure in the middle of the page? import React, {useState} from 'react' import "./Signin.css" const Signin = () => { const [addClass, setaddClass] = useState(""); return ( <div className={`container ${addClass}`} id='container'> <div className='form-container sign-up-container'> <form>…
I am looking to have a pop-up when someone clicks on my download button on my navbar, but I have been having problems when trying to make it work. Here's a example website. (rubberduckvba. com) I cant link it, it…
I want to change the background colour of the body element. When I tried with the first, it won't work. But when I tried with the second, it worked perfectly. I want to know the reason. let x = document.getElementsByTagName("BODY")[0].style.backgroundColor…
I'm trying to add a second horizontal scrollbar to the popup image generated by Lightbox. I know that scrollbars are not the way Lightbox is intended to be used; the image in Lightbox is traditionally constrained by the window size.…
I'm working on creating a CSS button with these specific requirements: Rectangular body with smoothly rounded corners. Triangular arrow tip on the right side. The arrow tip should have a fixed width of 20px, regardless of the button's overall width.…
I'm using React Flow to build a node-based diagram interface. When I render the diagram and apply fitView, the react-flow__renderer does not start at the top-left corner (0,0). Instead, there's an empty margin or padding space on the left and…
I embed an IFrame into my html file. The external webpage represents a canvas with a width of 1000px and a height of 480px, see below. My IFrame looks like this (i use tailwindcss) <div class="relative flex w-[1005px] h-[490px] border-1"…
//Approach 1: dynamicWidthClass = computed(()=>{ if (window.innerWidth > 992 && window.innerWidth <= 1284) { return "pl-25"; } else if (window.innerWidth > 1284 && window.innerWidth <= 1828) { return "pl-18"; } else if (window.innerWidth < 992 || window.innerWidth >= 1920) {…