ion | portable suite of libraries and tools for building client | Cryptography library

From an API request, I get an array of data like below (I get 100 elements, but here I'm showing only 2):

I'm trying to design a registration page that will work on both a desktop and mobile phone. To register I need 6 items. I would like to have on the desktop 3 lines with 2 items on each line. On mobile I want to create 2 groups each with 3 lines, 1 item on each line. I will want to add back and next button for the mobile site to go between the two groups.

I can do this by creating two different sets of html (see snippet) but would like to see if there's a way to do this with one set of html and then just media quires to transform. I'm ok with changing the html but I want to achieve the indicated result.

I am new to Ionic/Angular and I was hoping for some help.

I want to output the device battery level on the screen using the Capacitor Device plugin but I can't work out how. I have managed to log it in the console correctly but don't know what I need to do display it on the front end.

My code on home.page.ts is:

Selecting nested dictionaries and turning them to a DataFrame in Python

From the nested 'biblio' data below, is there a way of sorting this into a data frame with each key as a column? For example, where 'classifications_cpc' is a column header with the codes as the subsequent values?

I am use Ionic with angular and make one app. In my app i use couch DB for the download image.

I am using Android Phone.

I am trying to download my file with help of file opener and i got ->

(Status:9 message:file not found)

I am showing maps in Ionic 5 with the javascript sdk. I load these maps with a service created for that.

Everything is fine when I do it in pages but if I show one of those pages as modal, the map does not load and the marker places it on the page from which the modal window was opened instead of in the modal window itself.

Let's see if I can put the code below so that it is not too "heavy"

home.page.html

I'm developing an app using Capacitor, Ionic, React and recently I faced the following error, while using React Hook Form and YupResolver for the first time:

When I try to run the project, I get this error:

I have the following code in PowerShell 5.1

I want to build a todo app with ionic-vue. It currently uses vue 3. I have this overview (called Lists.vue) where it is possible to click on multiple lists (where tasks should be loaded per list). However, everytime when I click on a list, the same data appears! It is as if the component is being reused but not re rendered/ updated.

I have tried all kinds of solutions. One of them was to apply a watch on the ref that is being changed, however, it does not matter, the end result stays the same. Also tried to give :key to router-link, still does not work.

My Lists.vue