ess | Library for building event sourced systems in Go | Microservice library

I'm new to Latex and am trying to make a book-style presentation. But I am quite confused by how Latex justifies text. I was told \begin and \end justified the text and it seemed to work until I add some \newline and then I got this :

We can clearly see the text is justified only on the lower text and not in the top. Both are inside a \begin{raggedright} statement and did not used any other commands than \newline and \textit. The separation of the 2 text comes from a \scenechange commands that is defined as follow :

I have a push menu that moves the main content container by adding margin-left to it. I'd like to be able to have a background image that behaves the same as https://music.amazon.co.uk/artists/B001DTRO4M/queen.

So far this is where I've got to in my codepen:

https://codepen.io/Maynards/pen/qBVLqLL

I am trying to create a diagonal background as shown in image.

On this image, it seems to have two different background and the diagonal is perfect, i.e, it cuts separately from top-right to bottom-left.

I want exactly like that.

Here is my code:

What I'm trying to accomplish is having a hidden section opened by a button (the "Disclosure" button) but when that section expands I don't want the column next to it to expand as well because there's no need for it to do so. I feel like it has to be something in the Flex settings but I can't seem to figure out where I would declare it in such a way that only the one column will expand and ideally push the one below it down without expanding the column to the right of it.

I'm also trying to get the font awesome chevron icon to rotate upon the disclosure content-box having expanded (active state?) but I can't seem to figure that out either.

Here's the css, html, and javascript that I'm working with:

I'm having trouble adding items to the array. I want to get the heights of

elements on the page and add them to the array. But every time it gets an array with one element, it looks like the previous value is resetting.

I have used two 'div's to explain my question both div .text and text2 contains same data but .text has below CSS property:

I was not expecting, or wanting, escape sequences in the output. The first line of output is:

0000000000000000 1B 5B 33 32 3B 31 6D 4C 6F 63 61 6C 41 64 64 72 �[32;1mLocalAddr

I have the following structure of html code :

I basically want to make a picture and div with whitespace-nowrap be in one horizontal line regardless of the screen size using tailwind css. First of all, here is a picture when I have it on full screen:

This is great. However, if I reduce my screen size, it becomes like below:

Just to be clear, I don't mind my text going over the screen due to whitespace-nowrap. However, I want my picture to be on the RIGHT side of the paragraph, not on the paragraph like below. So, I want my picture to be on the right side even though we won't be able to see the picture on the screen(unless ofcourse you scroll right). Here is my html: