TryIt | Some little Android Demos | Android library

I have trying to implement a HTML, CSS and Javascript image slider inside my website. I just copy and pest code from w3schools tutorial link. It's working in my local but when I upload it my live server, slider is working but slider image is not showing

Here is my implemented code below:

With Excel 2019 and Office 365, MS introduced changes to array functions such that they are at least a bit less rigid.

Suppose I have the following VBA function

This is my first time posting sorry in advance, this is my first time trying to make a website for uni. Im trying to make 2 things happen to my image on hover, I want it to:

1. blur
2. make text appear

Ive managed to make it blur but cant seem to make any text appear on top of the blur.

CSS:

I cant seem to make the close button work. I'm making a dynamic script for multiple images that pops out a modal with a click, then close with close button. Anything other than display property works though, I don't know what to do

I am trying to create a toggle button. Here is the code: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_switch

In my javascript code - I read the 'checkbox' value. If the value is true then I add another div and this another div also has a close button. When the close button is hit, I remove this newly added div from the dom.

So far this all works fine.

I also want to toggle back the button. I am setting up the value to false with the following line:

I am using the library https://github.com/felipenmoura/qr-code-scanner to implement scanning of the QR codes. I am facing two problems -

1. Google chrome throws the following error whenever I click the button to trigger. The library works fine on Safari.

Uncaught (in promise) OverconstrainedError {name: "OverconstrainedError", message: "", constraint: "facingMode"}constraint: "facingMode"message: ""name: "OverconstrainedError"__proto__: OverconstrainedError

1. The camera feed doesn't work for mobile phones (both safari and chrome). It opens the camera, and doesn't show the live feed, instead it keeps on showing a static image

I am not sure if this is the best library for QR code scanning. My aim is to implement a button that triggers the camera, scans QR,enter image description here and puts the scanned string into the input field.

My code is -

As MDN web docs states : "flex property is a shorthand for the "flex-grow", "flex-shrink", "flex-basis".

One-value syntax: the value must be one of:

a : In this case it is interpreted as flex: 1 0; the "flex-shrink" value is assumed to be 1 and the "flex-basis" value is assumed to be 0.

Here is an example of w3school which controls the container's layout by putting flex: 50% and flex: 100% to the child columns after affecting the media query.

It's obvious that this 100% is not for flex-growing, it's used as flex-basis. But how is that possible? If there is single value, It should be assumed for flex-grow.

Am I missing something here? Is that because of % that causes to be counted for flex-basis?

I am using the following code:

I've been trying to make the CSS buttons connected to the top but I cant figure anything out i made the code in w3 schools right here

the required result: and thats what im trying to do