result on webpage The text upon overlapping darken as in letter 'R' and 'A'. I want either to be on top of the other(or any other way to prevent this). My code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta…
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…
I came across https://flecto.io(use a vpn if the site doesn't open) and the site caught my attention. I want to replicate the animation in the hero section. To be more precise, that is the part where the green rectangle turned…
I watn to make Weather App. I just start study react. I do a fetch request to Open Weather API to get a weather data. When i consol.log(data) and update my page, React first return me undefined and after that…
I am trying to create a bracket for a sports tournament in HTML and CSS (using JS later to be able to interact with it). So far my concept is to use containers with only the top, bottom, and right-side…
I'm encountering an issue in my ReactJS application where, upon navigating to a new page, the page automatically scrolls down to a position below the top of the page instead of starting from the top (generally it takes scroll position…
import React from 'react'; import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'; import Onboarding from './components/Onboarding/Onboarding'; import Login from './components/Login/Login'; function App() { return ( <Router> <div className="flex justify-center w-[386px] h-[800px] mb-6 mt-5 ml-[35%] box-sizing:border-box rounded-sm overflow-auto -z-50">…
I have the following useEffect hook in a react component that fetches data from a api. http is an axios instance. I have a react use State hook const [inputsData, setInputsData] = useState(false);. useEffect(() => { if (active.id) { http.get(`/stock/${title}/${active.id}`).then((response)…
I have a usecase where I want to highlight the previously selected channel type(SMS or VOICE) option by user to recieve the OTP. I have already tried implementing ngAfterViewInit() like below. ############# Angular Component #################### let contactMethod: string = 'sms';…
I have a parent div of max-height 80 rem. I have 2 child divs which don't have fixed heights (depend on content inside). I want them to share 50-50 space if both their heights would've exceeded 40 rem. Otherwise have…