aphrodite | agnostic CSS-in-JS with support for server-side rendering | Frontend Framework library

I have a div element that has been broken in a 3x3 grid and I want to add an image in the left-end of the div that stretches across just 1 column but all the three rows. This is my first project with HTML and CSS, so I'm pretty sure my codes are mostly mess and I might have missed out something obvious.

The image that I'm trying to insert is marked as 'The Well' and has a size of 1024x1600 px. Also, I assume setting a fixed height and width for the image can lead to error on different device widths and stuff, so is there any way I can achieve what I want to using relative sizing? Thank you for any assistance in the matter.

PS: HTML and CSS as follows:

I created an Angular project using the CLI. I'm using SCSS, and I included Angular Material with a custom theme iirc. I added a couple dummy components, and the app still built fine. Then I needed to style my components using Angular Material. In order to do so, I added @use '~@angular/material' as mat; to the first line of my style.scss file. Once I did this, the app will no longer build. It always throws the following error:

I am trying to mimic a visual that depicts multiple relationships by time period, like this (time period = generation):

However, my efforts have not panned out thus far; I'm still getting blank output in the browser. Hard coded data and code in the snippet:

Essentially, what I am trying to accomplish is I want to cd into a specific directory containing all my lighthouse folders. I want to loop through each line of urls.txt and for every URL execute the npm lighthouse command and output the results into a CSV to analyze later.

I am new to React js, I am trying to consume REST API results. So that I have written one separate file called /shared/job-service.js. From App.js I would like to call a method from job-service.js file and return these results to UI. Problem: I am unable to get the syntax to call the service js file method from the App.js file.

I've been trying to figure out how to have my declared module be found when I shallow render a component using enzyme in my jest unit tests. I have a custom declared module like so:

I've reduced/mapped my database query to return an array like this docCalories: [123,456,789,345,234,678,234] which is how I want it

I'm setting this to a state variable called maxCalories at the end of that function where I'm mapping.

The problem is, I'm trying to use the value of maxCalories as another state variable which is used for an apex-chart but it's not working and I'm wondering if it's because my chart series value is in the state along with maxCalories while the function that maps and sets maxCalories is done in a componentDidMount function. The chart is rendered on page load so I'm just trying to figure out how I can use maxCalories in the state data for my chart.

I'm making an offline PWA with ReactJS and I've started using the react-data-table-component, which has been great so far.

I've set the table to have an onRowClicked function that is called anytime a row is clicked, and so far, I only have that function opening a modal upon click which does indeed work.

My issue is that I want the modal to contain information from the row elements for the row that was clicked. So basically, if I click the first row that has the title "Hello There" (element.title) I want the modal to also contain the elements for that row.

This code shows everything I have, including how I'm mapping my documents from PouchDB into the elements object , which is what informs the rows in my data table.

What do I need to do in order to pass the info for the clicked row into the modal?

I am using rstudio with an r version 3.6.2. I already referred this post in forum but doesn't seem to help. The package can be found here

I am trying to install aphrodite package but unfortunately it throws error as shown below. I get either of the below 2 errors

Error: Failed to install 'Aphrodite' from GitHub: (converted from warning) unable to access index for repository https://OHDSI.github.io/drat/bin/windows/contrib/3.6: cannot open URL 'https://OHDSI.github.io/drat/bin/windows/contrib/3.6/PACKAGES'

Error: Failed to install 'Aphrodite' from GitHub: (converted from warning) installation of package ‘C:/Users/test/AppData/Local/Temp/RtmpEzlckw/file29a84d6a1a43/Aphrodite_2.0.tar.gz’ had non-zero exit status

Can someone help me resolve this error? I am not a tech person but any help to resolve this will be very useful