So I just began my programing journey, and in the course that I'm in, I just got tasked with fixing a broken website by myself without the course guidance. I was excited to test myself with what I had already…
When a cell is defined as: <div class= "col-4 col-sm-2 col-md-4"> ... </div> For small screens, the cell is taking 2/12th of the width (as per col-sm-2). But when a cell is defined as: <div class= "col-4 col-sm col-md-4"> ...…
I'm working on a portfolio project and I'm running into errors I don't understand. I just completed the responsive design for 480px and 768px screens. Here is the link to the site: https://tranthanhhthao.github.io/swinburne-contact/ Using the computer Chrome browser everything looks…
I successfully save if static path How pass field image of customer to java There many trial but src for field from model i cant save both i f i add url in style background not saved your text type…
Consider I have this simple div: <div class="diamond"><span class="material-symbols-outlined" id="locks">lock</span></div> The CSS for this is below: .rotate-and-change { transform: rotate(360deg); } .diamond { aspect-ratio: 1 / 1; margin: 0px -2px; background-color: #f44336; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0%…
I want to capture click event by parent element when a child element disabled, like this codes document.querySelector('div').addEventListener('click', () => { alert('clicked!') // both two ways to stop propagation are useless event.stopImmediatePropagation() event.stopPropagation() }, { capture: true }) <div> <button…
Was trying to make a multipurpose calendar application Currently i only need fron August... $('#aug').hide $('#sep').hide $('#oct').hide $('#nov').hide $('#dec').hide function aug() { $('#aug').show $('#sep').hide $('#oct').hide $('#nov').hide $('#dec').hide } function sep() { $('#aug').hide $('#sep').show $('#oct').hide $('#nov').hide $('#dec').hide } function oct() {…
I'm trying to hide elements based on class names in a second list by clicking on links from the first list. Items in both lists have corresponding classes. If an item from the second list doesn't contain at least one…
This is what it looks like on Chrome This is what it looks like on Firefox Here is my CSS chunk: .color-legend { width: 100px; height: 20px; background: linear-gradient( to right in oklch decreasing hue, oklch(100% 0 9) 6% 6%,…
When you click on a button in the mobile browser emulation, the button remains highlighted. When you click on a button On the desktop version of the browser, everything works correctly. How to fix this? .button-coontainer { display: flex; height:…