this is my first post on Stackoverflow. I am a complete beginner and watching this video on "Html/CSS by SuperSimpleDev". So I am making a clone of YouTube home page. The tutorial by SuperSimpleDev used "grid-template-columns: 1fr 1fr 1fr" to…
when i click a particular section's link in link_div then i want to make scroll into the content_div's section. i try with javascript, but i cannot properly handle this. this scroll with whole body element. my page is like this…
I am very new in react, and am trying to create a function that maps 5 cards on the screen from an array but is able to change the CSS of only the one that is clicked. export default function…
I am new to js and I been stuck on a problem on showing and hiding a div using js onscroll. I was able to figure that out fortunately but now my problem is when the div shows and hide…
I'm working on a toggle, this is my code: import style from "./Toggle.module.scss"; export default function Toggle() { return ( <> <input type="checkbox" id="toggle" className={style.toggle} /> <label htmlFor="toggle" className={style.label} /> </> ); } .toggle { height: 0; width: 0; opacity:…
I'm using TailwindCSS to make some grid based layouts. I've a grid which has 100 rows and 100 columns (extended the default tailwind config) As you can see from the Tailwind Play, the last grid's height is more than it…
I am working on a Vue project and I have this HTML: <div class="flex flex-col md:flex-row"> <div class="m-6 ml-10 mr-5 mt-10"> <div class="text-left"> <input type="text" class="mb-6 h-10 w-full rounded-lg border-2 border-gray-300 p-2" placeholder="Search for workouts, profiles, etc." /> </div> <div…
I am using Edge and users can place a cursor on every text element of the web page. (SO has the same behavior) How can I disable this feature on my site? Example:
I inherited a project with material ui, which I have never used before. I have the following in my code <FormControl fullWidth> <InputLabel className={className} htmlFor={id} error={error} > {label} </InputLabel> <Input className={className} id={id} value={value} onChange={(e) => { onChange(e.target.value) }} /> </FormControl>…
I am using big tooltips that expand over items of a list providing additional details of each item. The big tooltips work well as the mouse moves up but as the mouse moves down there is an issue because the…