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'm trying to recreate a circular gradient in CSS that matches the one I designed in Figma. Here's the image for reference: Circle Gradient The gradient I have in Figma is defined as: background: linear-gradient(206.12deg, rgba(231, 51, 255, 0.5) -74.73%,…
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 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…
<!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>…
I have CSS-styled span element with a width and height, and a background-image, which does not appear although a box of the expected size is reserved on-screen. If I try a different jpg file, the other image then appears successfully.…
I am trying to make a border around a button. This border is supposed to be a gradient so i am simply trying to make a bigger button without functionality underneath the button above. For some reason, no matter what…