I'm learning html and for a project I'm making a survey form. I want a dropdown menu that when the user selects yes it has new question pop up relating to the subject. How would i do this? I have…
I need to be able to make an image fill the entire container (the container's width/height set with % or vh/vw), not necessarily keeping the image's original aspect ratio, but with no overflow or unused space. I have tried: .container{…
I have the following piece of React code <div className="content-container"> <div className="about-us"> <h1>Why Fitness Tracker?</h1> <div className="info-tab1 info-tab"> <img key="3" src={orange} alt="Fruit-3" className="fruit-3" /> <p>Personalize</p> </div> <div className="info-tab2 info-tab"> <p>Achieve</p> </div> <div className="info-tab3 info-tab"> <img key="4" src={banana} alt="Fruit-4" className="fruit-4" />…
My goal is to read the PDF file through the PDF.js library and display the PDF in a dark mode with black background and white text and preserve the original state of the images from the document. With the help…
I'm having a weird issue with a simple animation: Four/three elements should move from the center to the corners of a container: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Test Animation</title> <style> body { margin: 0px;…
I couldn't find a solution for growing a div inside div maintaining aspect-ratio except for images, but I want to do it with a div. I basically want object-fit: contain behavior for a div inside a div, with some padding.…
I have been making a simple website for a video game that I play that details the characters and attacks that are in the game. This requires large tables to display the data that I want to show. For the…
I am trying to {display:none} on class="filter-form__group" only if ALL child Input's are 'disabled'. <div class="filter-form__group"> <div class="filter-form__group-filter-wrapper" data-filter-type="list"> <div class="filter-form__list-wrapper"> <ul class="filter-form__list"> <li class="filter-item"> <label data-filter-item="" class="filter-item__content"> <input type="checkbox" value="Luggage" disabled> </label> </li> <li class="filter-item"> <label data-filter-item="" class="filter-item__content"> <input…
I am working on a social media project at the moment, where I want to implement "stories". I want there to be an easy way to see how many stories you've already seen and how many there are. Then, seeing…
I have a simple textarea and a preview modal which shows me how the content of the textarea looks like in an email (so basically loads and shows the content as HTML). Now, this preview is affected by my website's…