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 (…
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 am generating a static site where the images and set within a responsive "picture frame" so the Mat is the same size on each side, regardless of the image's aspect ratio. This is working well; however... I want to…
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 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…
I've started creating a simple page for an assignment and I'm trying to put a title at the top of the page but whenever I create a paragraph or h1 to do so it's placed next to the divs with…
I am trying to create this effect, which can be found in the Spotify UI: It seems that there are the following components: A parent <View> (black) The child <View> (pink) The <Text> inside the child The <Image>, which is…