Html – How to change an Icon when on hover?
I am creating a login button, this one initially has a closed padlock icon, I would like when the pointer was on it (so on hover) this icon changes to the one that has the padlock open. This would be…
Html – How to add a favicon for webpage
When I run the model on webpage then the favicon is loading instead of staying stable This is the code I've used: <link rel="icon" type="image/png" href="static/logo.png"> how to add a favicon so that , the favicon remains stable without showing…
Html – Card animation elements not properly aligned
I want to create a card similar to sample card but my card is not proper. I have provided photos and code of my card and also what I want it to look like. My card at the moment: No…
Reactjs – How to automatically update chart data in React components?
How can we achieve automatic updating of chart data in a chart component wrapped with React? For example, the data I requested from backend will change and I want to update it whever it changes. I tried to look up…
How to set HTML max width the same on both computer and mobile
I am creating an email template in HTML and, while it displays properly on mobile, it is too wide on desktop. Currently it looks like this on my PC: Here is an example that I would like to mimic. Notice…
Html – How exactly can we style different <li>elements (within the same ul) separately?
I am trying to clone the apple website using just html and css for practice. I have not learnt any javascript yet. For the navigation bar, there would be mostly text links and one link which would be the apple…
Javascript – Any way to init an astro component by string?
I am fetching some data from my CMS and got stuck trying to initialize a component i get as a string. These are my components as a string array: [ '<Header text="title1" img="link/to/image1" />', '<Header text="title2" img="link/to/image2" />' ] I…
My elements are too close together. How do I space my nav elements in CSS?
I want my nav elements to be placed to the right of my webpage and it is. No problems there. My issue is that my nav elements are too close together. I expect them to be more spaced out. What…
Html – What does inherit means in CSS?
In the code below if I use: .override{ background-color: pink; } Then will it show the same color as it is showing now? .pink { background-color: pink; } .green { background-color: lightgreen; } .override { background-color: inherit; } <div class="pink">…
Javascript – Next js api call
using next js 13.4 I have created an api folder inside app folder iside that api folder i created one more folder named proxy and inside it i created route.js . while i am on home page i fetched it…