pearl | DEPRECATED in favor of https | Command Line Interface library

[image showing what I need to create

I'm looking to generate(export) a csv from a flask-sqlalchemy app i'm developing. But i'm getting some unexpected outcomes in my csv i.e. instead of the actual data from the MySQL DB table populated in the csv file, i get the declarative class model entries (placeholders??). The issue possibly could be the way i structured the query or even, the entire function.

Oddly enough - judging from the csv output (pic) - it would seem i'm on the right track since the row/column count is the same as the DB table but actual data is just not populated. I'm fairly new to SQLAlchemy ORM and Flask, so looking for some guidance here to pull through. Constructive feedback appreciated.

Short version: I have a array and need to create a matrix but with names labels on top and side and export like example csv. (sorry if may wording incorrect)

Long version: I made a recommendation system self taught and have a website ready after a year in quarantine learning and troubleshooting here on so usually a few day of searching I figure it out, but this got me stuck for about 3 weeks now.

The recommendation system system works in python I can put in a name and it spits of the recommended names i tweaked it and got it to acceptable results. But in the books, website and tutorial and udemy classes etc. Never learn how to take the python and make a Django site to get it to work.

This what the output is like currently is

Hi I'm currently creating a website for someone and my boss noticed that when the phone is flipped horizontally for example on a Iphone X, my images that are responsive the text in the middle is shifted up and you cannot read it. It's hard to explain in words so I have 2 pictures, one with what I'm getting and one with what I'm kind of looking for, I've been on this for a little while now.

What I'm getting:

What I'm looking for:

This is my code:

HTML

When I resize the screen my images only respond to a certain extent and then they stop moving. I'm still learning this obviously, so I would appreciate any help in understanding how this all works. My next step will be to reposition the nav from the side to the top on a mobile screen, but I think I understand how to do that.

https://jsfiddle.net/161020/nwkfy6dq/3/

I need to filter this array so it is only left with the correct category codes

I'm working with Snowflake and loading json files from a Staging environment to an ODS environment.

The structure of the json data looks like this:

I ran into a problem as I tried to use the hamburger-menu not only for mobile but for all devices with max 1100px. I am using the shopify debut theme. At first everything went fine. I saw the hamburger-menu and could click on it. But as soon as my window has a pixelcount of 750 to 1100 I can click on the hamburger icon, but nothing shows up. This looks like this (between 750 and 1100px). Instead it should look like this (below 750px).

I already changed the @media only screen and (max-width:750px) to the 1100px and the @media only screen and (min-width:749px) to 1099px inside my theme.css for pretty much every header class. Which made the hamburger icon show up. But now I hit a roadblock. I don't know what I am missing here.

Any help is greatly appreciated. Thanks!

Just in case you need any of these:

My Website URL: www.snow-pearl.com (without any chances to the @media because it is the live version and I dont want to publish something that is not working)

Here is the edited theme.css file (with changes). Here is the used theme.js file. Here is the edited header.liquid file.