quidem | Idempotent query executor | Database library

I have a browser-based mobile application and I want to highlight a vertical scroll that is in a certain section. The default vertical scroll styles for mobile/tablet are very subtle and many users overlook scrolling down in this section.

I show below my code and it works great in Google's mobile devices development tools but when I test it on a real mobile, none of my styles are shown, only the default mobile/tablet vertical scroll styles.

What can I do to make my code work for mobile devices?

Thanks!!!

I have Choice model which belongTo Question model which belongTo Quiz model. To be exact:

• A Quiz has exactly 4 questions.
• A Question has exactly 4 choices.

The mentioned relationships are well received in a the Request (showed below).

I need to do all the inserts in three transactions.

I have the following two successful transactions.

i use AOS animate for my website ,but the elements that have AOS animate is placed on the navbar. how can i change the element's(the elements that have AOS animate) z-index to put navbar on everyelements. This site has a practice mode for me and I want to use the same method of animating elements. If the method I use is wrong, thank you for teaching me. My html code :

I'm creating the following layout with a sidebar and a flexbox container having 3 boxs with middle one having scrolling.

The problem I'm running into is, when i zoom in, the content goes past the viewable screen and when i zoom out it leaves a white blank screen on the right side.

I'm attaching a video link and the code to help you guys understand, and hopefully help me out here.

https://www.awesomescreenshot.com/video/7839859?key=b61f0db322aecd2c43d5f1749178dcf1

I am trying to create a custom cursor in my slider section with "following the cursor with element", but it's not working properly, i mean the custom cursor is way far than original cursor.
I have tried a lot, searched a lot, found the answers in stackoverflow but these were not working for me. So, I am putting question here. Here is the live website link:

http://green-light.infinitweb.co/landscape-lighting-projects/

As you can see the code below, div is the outermost scrolling container and the core in this topic section is a containing block with spans set as white-space: pre;.

One section is extremely simple and is just a block. The other .floated is set float: left;.

But the computed width of them is different: the former is just as wide as its containing block div i.e. 100px in this case, in contrast to the latter is as wide as its contents, around 1287.47px(given by Firefox). To make this difference more observable, I set a background color for both of them.

So the question comes:

1. My understanding is that the width of a block with width: auto; depends on its contents. Why is the first section not?
2. The expected effect is achieved by using float: left;, as .floated shows, but why and how does it work? What exactly does the float do? A new BFC? But if I change float to display: flow-root; which also creates a new BFC, it still doesn't work.

Thanks in advance for your help!

I have simple navigation bar and content made in Bootstrap 5. The problem is i want to use vh-100 and I put it in the content, but because of the size of navigation bar, the content goes below because navigation bar is pushing it. I want to make it both stay on the view page without to scroll bar and when I zoom, I want always to be able to see navigation bar and content.

Here is what I've done so far:

https://jsfiddle.net/daxejno5/

This is a section from a practice project, where there's some extra space at the bottom of the element.

I've checked the code but I can't figure where I've gone wrong. Could someone help find the error?

How do i remove the gap?

I can't understand, how flex: 1 affects the height of an element, even if I set the height of the section to 500px, the image will go out of the section.

Here's the code: