I'm using an image as a background in a div. The image is positioned as center, no-repeat and has cover as size, and will therefore show different sections when viewed on different screens/devices. Nothing strange about that. I would like…
I tried the codes, but it's not showing me the display I want. @font-face { font-family: 'AlfaSlabOne-Regular'; src: url('AlfaSlabOne-Regular.ttf'); } * { margin: 0; padding: 0; box-sizing: border-box; } html { font-size: 62.5%; } .container { height: 100vh; display: grid;…
I have a script that takes bugs from TFS and builds a table with the relevant titles. The script reads from XML 2 query IDs, creates 2 tables, and then sends them as an email. The script is working but…
that's my first time to asking, so sorry if I'm not asking it clearly. I'm working with HTML and CSS and I don't know why when I set a hover for a div to make a border around it, border…
I need to implement different layouts for wide/mobile screens. Here is requirements: Wide layout: #1 element has stretch-width but 50% of #1+#2 (in a row with #2) (height may be lower or bigger than #2) #2 element should be 50%…
I have a .db file made using sqlite that contains information about stories that were scraped from the internet (title, author, summary, file path, .etc). I plan for all the story files to be in one folder and then use…
I have these styles: .spoiler { pointer-events: auto; position: relative; } .spoiler::after { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; content: ""; background-color: rgb(20, 20, 20); transition: opacity 250ms; } .spoiler:hover::after { opacity: 0.25; } It works…
I'm automating some tests, every run generates a folder with a variable name. Inside every one of those folders there's a "statistics.json" and a "index.html". For each folder I need to get some values from both files to populate a…
const [lap, setLap] = useState([]); function start(){ if(!isStart){ starting = Date.now() - elapsed; isStart = true; timer = setInterval(update, 1000); console.log("timer is activated"); } } function stop(){ if(isStart){ isStart = false; clearInterval(timer); } } function reset(){ isStart = false; elapsed…
so i want to swap them with their position any help?? Also some good video or reference with respect to this positioning thing because it is very confusing for me i tried to position relative then shifting it to bottom…