privacy_policy

I am making a website (in flask python) and for desktop view, everything works fine, however, when i goto test in any mobile view it gives me this massive white space around the page. I inspect element to see the issue and it seems the entire tag is stuck to the top left corner and not filling the entire page.

I've tried doing html, body { min-height: 100%; } however this doesnt change anything and I get the same result.

styles.css

I want to clip the selectableitembackground ripple effect to the background in textview

code:

I built a customizable navigation drawer from scratch(didn't make use of the default drawer provided by Android Studio). In my weather app's navigation bar menu https://i.stack.imgur.com/SIjdx.jpg, whenever I select an option on the menu(say settings), it displays the contents of the option along with the bottom navigation view and my Activity's Toolbar contents which comprises of the nav hamburger icon, the edittext and the search button(the activity hosting my 3 fragments) which spoils the app and makes it look very ugly i.e. https://i.stack.imgur.com/gxj5n.jpg (From that screenshot, the entire content should be empty if implemented well). The case is the same for the other bar menu options. All I want is an empty space to work on, I want the app to only display the navigation bar contents without the rest. Example; https://i.stack.imgur.com/3Jtga.png Please how should I do this?

The view of the Navigation Menu is controlled by this code(on line 185):

I spent way too much time with odd results with Firebase Auth UI. Note: I'm working in Sveltekit, so for the Auth UI I'm using Firebase Auth v8. I know folks are working on the github UI for v9, but at the time of this stackoverflow submission:

https://firebase.google.com/docs/auth/web/firebaseui

Am using the snippet below to show a custom checkbox for all products but would like to hide/not show it if product with ID 32 is in cart. How do i modify this code to achieve that? Thanks in advance.

I can't seem to get the text to wrap around the image on the home page...

Also I want to prevent the aside item on the right from moving underneath text - I simply want it to dissapear as it would on a mobile device.

I am trying to set up my flexbox for responsiveness and accessibility. However as can be seen in the attached images, for some reason text is lost when reducing screen size.

Image of webpage at full size Image of reduced size & clashing elements

I've done this hundreds of times before, yet I'm doing something wrong this time and I can't pinpoint what. I've encountered this issue whilst reworking my whole navigation.

Manually routing by hand does work. The problem doesn't have to do with the routing setup, but only with this component because other components do work. I also didn't do any changes to my routing since reworking my components (before it wasn't this dynamic).

Whenever I click on any routing in this component, it just stays on the same page and doesn't do anything visually (not even reloading or scrolling up).

I feel like I'm missing something obvious

My code

I hope you all having a great day.

Here is the deal, whenever I load a lot of products from API that has one image each one of the products, the app kind of does a restart, and it loads from the beginning.

In the beginning it was with simple tag, I changed it to ion-img, and I saw that there was a big difference using the ion-img tag because it lazy loads the images.

But still, when I have loaded more that 40-60 products, and those images are loaded, the app still refreshes.

I remove the images, no images are shown, and the app works fine, but the app needs those images.

What might be the issue here? Am I missing something?

Click Here for Streamable 1 video

Here the client wants to see product categories with a lot products in it

Click here for Streamable 2 video.

Here the client wants to select a product, but when it does, the app restarts.

The second video, is where I have tried, to remove the top 15 products, when get the next 15 on infinite scroll, but a scrolling flick happens because of that.

Here it is Ionic Info: