So I have a very simple set of divs in a container. <div class="container"> <div id="box1" class="corner"></div> <div id="box2" class="corner right"></div> <div id="box3" class="corner"></div> <div id="boxAlways" class="corner right"></div> </div> I currently have some CSS that makes these boxes only take…
I am creating a FAQs page, and the accordion button doesn't seem to be working. In this FAQs page, I have 5 "FAQs" div each containing the accordion button and a "panel" div. Now when i click on the accordion…
`import './SideNavBar.scss'; import { useState } from 'react'; import { Cancel01Icon, Menu01Icon } from '../assets/icons'; import { Link } from 'react-router-dom'; const SideNavBar = () => { const [isOpen, setIsOpen] = useState(false); const toggleMenu = () => setIsOpen(!isOpen); return (…
I have an HTML page with a canvas in the body defined as so: <!DOCTYPE html> <html> <head> <script defer src="./js/canvas.js"></script> <link rel="stylesheet" href="./css/canvas.css"> </head> <body> <canvas id="pinboard"></canvas> </body> </html> In canvas.js I've written: var canvas = document.getElementById("pinboard"); canvas.addEventListener("mousedown", function…
I've added the Font-Awesome plugin to my Wordpress site. The desired behaviour is to have a table where there is a column of links to home pages, represented by the FA "home" icon. Each icon would be a link to…
Following is my code body { margin: 0; border: 2px solid blue; } div { background-color: rgba(0,0,0, 0.1); width: 950px; margin: 0 auto; padding: 3em; } @media screen and (max-width: 950px) { div { width: auto; } } <div></div> I…
I have Figma design for mobile application and for desktop application for my web page. I don't know how to apply both mobile and desktop versions on my code so when I open the app in my phone only the…
I was building a website layout with a mobile-first approach and then using media query for laptop width: 1024px size. The design has 11 items and follows a flex that wraps. All the items are numbered and colored. I want…
I have a page which feedbacks which looks like this (I just show 1 comment per page to see if the pagination works fine. Otherwise I'll show more): The feedbacks come from a mysql database and are filtered as 1…
I am working on a web project and I would like to apply a filter effect, such as background blur or brightness adjustment, to the background of a specific section. However, I want the text within this section to remain…