How do I create this in html and CSS
It works well in Android but in desktop the hr tag will go out of circle and goes to top of circle #circle { border : 5px solid red; width : 40%; box-shadow : 0 0 20px red, inset 0…
Reactjs – Open a dropdown with a single click when another dropdown is already open NextUI
As the title suggest, I've got a NextJS component which renders NextUI Dropdowns using a object of data. The problem i'm facing right now is that when i have a dropdown already open and want to open anoter dropdown rendered…
Html/Css: How to fix the page firmly, removing the scrollbar to scroll down?
I would like to layout all the contents of the page in a fixed/firmly way, i.e. there is no space to scroll down the page with the scrollbar (therefore removing the possibility of scrolling down). As you can see from…
Can we develop a website using Html,css and c++
Can we develop a completely working website using only Html,css and c++ , if yes please let me know I just wanted to know if its possible , also my questions is in what areas can we use c++ as…
Javascript – React – Variable being printed as text instead of HTML tags
I have this function that is supposed to input a div and class before and after every 3 items in an array. Here is the code const board_thing = squares.map((item, index) => { return ( <> {index % 3 ===…
Javascript – Select a certain element from a .map array in react
I am new to react and have come across this problem. I have an Array list with at total of 4 items with content inside them. Each item has an id with its respective number 1-4. Is there any way…
Reactjs – why react toastify doesn't work in my project?
I am trying to use react toastify in this function inside my signup page const submitionHandler = ()=>{ let userData = {name,email,password,phone,country,gender}; //validate data //handle api axios.post('http://localhost:8000/admins',userData) .then(res=>{ toast.success("User has been registered successfully!"); navigate(`/login`); }) .catch(err=>{ toast.error(err.message); }) } I…
Javascript – why metadata variable is exported in Layout.js file in Next.js
I'm new to next.js I don't understand why metadata variable is exported from Layout file and not importing it anywhere import "./globals.css"; export const metadata = { title: "NextJS App", description: "Your first NextJS app!", }; export default function Layout({…
Reactjs – How do I use map() in nextjs 14?
I am trying to iterate over the response I get from an API using the map() method but I keep getting the error 'drinks.map is not a function'. Below is my code Drinks import DrinksList from "@/components/DrinksList"; const url =…
Javascript – Error NG0203 when trying to import material
I've been having an issue trying to import material. I've used similar code to the examples they have on material.angular.io yet I get the "inject() must be called from an injection context..." error. I've just been trying to get this…