I'm trying to rotate a parent circle and negate the effect on its children. I tried to negate the effect by using transform: translate(-50%, -50%) rotate(calc(var(--i) * -60deg)) translateY(150px) rotate(calc(var(--i) * 60deg - var(--rotation))) but the children will rotate 60deg…
Why are there 2 image files being rendered when my html and js have one image.jpg. I'm using static Html with CSS and JSS and Webpack. see image below: The code is in Github here: https://github.com/kevindRuby/hello-webpack-eg1 Preferred outcome: For the…
Have a look at this react code on creating a modal: import * as React from "react"; import "./styles.css"; function Modal({ handleClose }) { return ( <div onClick={handleClose}> <dialog> <header> <button onClick={handleClose}>X</button> <h2>Modal</h2> </header> <section> <p> Lorem ipsum dolor sit…
I'm remaking a dying online game and I need some help with a bit of my code. .player-selection { display: flex; justify-content: center; align-items: center; gap: 50px; /* Space between the buttons */ margin-top: 100px; width: 100%; } #newPlayerButton, #returningPlayerButton…
I have a button and in it I have an svg image (defined in css) and some text. I'm trying to change the color of both the text and the svg on hover and active states of the button, but…
I can't get bootstrap star icons to center next to review text in a website I am designing. I imbedded the svgs in my code. I am using some bootstrap 4 classes here as well for context. Here's how it…
I'm trying to get an understanding of module imports in JS. I read a lot of tutorials and documents on the web and I fell like I have a grasp of the theory now, but still I can't make things…
I'm working on formatting the CSS of an ebook in Calibre for export to PDF for publishing. I've formatted everything perfectly, but run into an issue. The body of the text is a paragraph style definition where I've applied full…
I have a page with categories of PDF downloadable links. The categories are each named thus: <a ID="place_link_goes_to"> so they can be linked to from another page. I assume I need to place a link to each them from the…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Chat&Book</title> <link rel="stylesheet" href="/style.css"> </head> <body> <div class="lang"> <select class="srclang"> <option value="en">English</option> <option value="ta">Tamil</option> <option value="hi">Hindi</option> </select> <select class="trglang"> <option value="hi">Hindi</option> <option value="en">English</option> <option value="ta">Tamil</option> </select> </div> <div class="msgarea"></div>…