Need help removing this mystery padding in between a border and its background. In the preview it looks fine, but it exports with that weird padding inside the frame. Here's the code: <div class="p-2" style="width:100%; max-width: 400px; border: 26px solid…
This is my HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hovering Boxes</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"></div> <script> let container = document.getElementById('container'); let boxCount = 100; for(let i = 0; i < boxCount;…
/Im using Web3Forms and the email sends,but the problem is that the attachment shows up as plain text and doesnt open./ <form action="https://api.web3forms.com/submit" method="post"> <input type="hidden" name="access_key" value="261987ac-8575-439e-8b44-14d9896905b8"> <div class="form-group"> <label for="firstName">Name <span>(required)</span></label> <div class="name-inputs"> <input type="text" id="firstName" name="firstName" placeholder="First…
I have some images in bootstrap "row" & "col" div. For Mobile devices I want to turn this into flex-row with horizontal scroll bar. The caveat is it need to preserve "col" & "row" for desktop devices Here is sample…
I am currently on the process of redoing out clubs app from Angular 9 to 18, since it has not been well maintained. I am trying to keep as much of the frontend as possible and therefore also wanted to…
I use the html2canvas library to capture screenshots by passing in a className and saving the image file as a blob. However, when the image is saved or downloaded, there is an issue with elements that have background-image: url(data:image/svg+xml;base64,...) (SVG…
I'm creating a page for a local event and I made a countdown with a video background. However, when I try to make it responsive, it zooms in enormously and it is not possible to see everything on the cell…
This css doesn't display background image .header { height: 85vh; background-image: linear-gradient( to right bottom, rgba(var(--color-primary-light), 0.8), rgba(var(--color-primary-dark), 0.8) ), url('/img/hero-small.jpg'); background-size: cover; background-position: top; position: relative; } The following code works without linear-gradient: .header { height: 85vh; background-image: url('/img/hero-small.jpg');…
I am unable to achieve a reasonable layout of quarto html output. On wide screens there are 2 extra spaces left/right on top of standard sidebar / margin, and I am loosing TOC when playing with column-page etc. features. Layout…
My Angular Material v18 application allows the user to set their theme but one component group, the "order control", needs to be independent of the theme. Here's an HTML version that kinda does what it should followed by an Angular…