scroll-behavior | Pluggable browser scroll management | Browser Plugin library

I have a self updating list of orders that is scrollable. This is the parent component, where list is updated on a timer of 2 minutes, setup like so:

I'm creating this website for a company for my student co-op and I had this header made for my website and when I made it, it worked completely fine. Now when I check on my phone I press the services button for my dropdown menu and it doesn't come down, but when I try on the google chrome dev responsive tool, I can click the drop down menu but I also cant unclick the menu. I understand that I have a lot of code written in my CSS file, I do have stuff labeled though like header/home page.

My Issue:

When I click on my responsive navbar when it's resized to a smaller ratio. I click the bar and my nav menu pulls up but when I click on my services drop down menu It doesn't come down, Although it works on google chrome responsive dev tools. But when I click the services button and it works the dropdown wont go away when I click it again, how can I fix this? Majority of my navbar is labeled "Header" in my css file. I decided to put my whole file in as maybe something is over writing it but I have no clue it is?

HTML

I'm back on Stack Overflow after a long time because I'm truly stuck at an issue I cannot get around even after hours piling up in front of the screen.

I have made a simple widget using CSS + HTML + JavaScript which scrolls elements in an overflowing-x container.

It works in a simple way, there is JavaScript code that adds a 205 value to the property scrollLeft of the overflowing container. The number comes from the fixed width of the images + the gap value which is 5px. Here is the code:

HTML:

youtube reference video

I was trying to make a website by following a YouTube tutorial and i cant seem to toggle the navigation bar it doesnt collapse. I have tried different videos but it is still not working. I am very new to programming and this is my first project. Thank-you in advance for your guidance.

I'm working with HTML, CSS and Bootstrap4. I need a navbar that should be fixed when I scroll. I did everything but after a little scroll, the navbar again won't fixed. I wonder if there is any way to solve this problem with bootstrap but if you can't, just tell me what to do with Css. Thanks

I'm relatively new to this, so someone help me understand how can I make my page content stretch to fill all the space and not just align in the center? I want to make it fullscreen. In which part of my code do I need changes?

So I searched up a simple circular background for my icon and tried to scale it to how I wanted it but got an issue shown here

As you can see the headers like Address is pushed down and the icons dont fit in the backgrounds

This is what I'm looking for but with white backgrounds on the icons of course

Here is my code

I have been having problems the last little while during some project I am working on, and was hoping someone could help clear up some problems I have. I am fairly new to Next.js, and React as a whole, I've been self teaching myself. Regardless, I have a search function in my program that utilizes fuse.js, the search WORKS, BUT the problem comes along AFTER I have performed the search, and want to clear out the search bar, after I type in whatever I want into the search bar, the state only updates to what was typed in, so when I backspace, it doesn't update the state to show the entire data set. I will post my code here for some assistance.

I have multiple paragraph with "id" that is working fine on click but i want to set position of para after click on left menu.

My code:-