fonts.css | Cross-platform CSS Chinese font solution

I have a code that is used to select certain elements, the code works great when you onSelect and it shows the right option value. The problem is I am not sure how to show the selected option when we search a value onSelect of the dropdown then it's not working.

Here is my Jsfiddle

I'm in the process of rebuilding the frontend of an app that was originally written using vanilla javascript and changing it over to a React framework. For some reason though, I'm having trouble with some of the styling of the HTML elements. Specifically, the textarea at the bottom is the incorrect size, the buttons at the bottom are also the incorrect size and not aligned as they should. I've changed all of the "class" attributes to "className" since I'm using JSX. I've searched for other typos or some other attribute that might be different with JSX but I find myself stuck.

This page is also opened up as a 400 x 500 electron window. It works perfectly fine when I load the original HTML file.

Update 5/3/2021 @ 3:43PM EST So I've noticed that in my JSX file, the textarea won't accept what I enter as values for the rows and cols attributes. Further, the submit button (id="submit_button") won't accept any of the css from the buttons class but the cancel button will.

Original HTML File

Im trying to load remote scripts / css from my local web server under url of http://127.0.0.1:4002/

But seem to be having error in capacitor android, capacitor ios is working fine. I also manage to load the css from without any error https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap-grid.min.css

My guess is not supporting http?

Here is my code in loading it

I am using a two-column layout and I was wondering if I could center the image within the second column.

This is the YAML:

I have a hook that changes the background color of my app. I would like the background color to stay changed when navigating through the site, but the Router resets this state back to its original useState of 'white'. How do I implement this correctly?

Created with create-react-app.

Edited to show minimum reproducible example:

Reference article

https://github.com/evernote/evernote-sdk-js

Issue

The README.md of evernote-sdk-js says that you can switch to the production environment by setting SANDBOX="false", so I set SANDBOX="false" and connected to the production environment.

After connecting to the production environment, when I run evernote.Client.getRequestToken, I got a 401 error.

Is there any way to solve this problem?

Error Code

To begin, I know that's probably a silly one. Fonts always give me trouble, somehow such a common thing is really not easy to find information on. All tutorials online make it look extremely easy (including Gatsby's own), no one really covers potential issues.

I'm using this guide, it's simple, but it gives an idea: declare @font-face in a separate CSS file, import that file in your app. So here's my structure:

I am bundling and minimizing my css's with webpack 5.4.0

This goes ok, except for the fonts.css file, which originally is simply this:

Hey I am pretty new to typo3 and I want to build a website. I am running version 10.4.4 of TYPO3 with the bootstrap package installed. I have tried to follow the guide on https://docs.typo3.org/typo3cms/extensions/gridelements/stable/

I have copied the TypoScript into my template setup, but there is no output on the frontend. Remember I am new to this so I don't understand the TypoScript well yet.
So any ideas to what I could do?

EDIT: I want to use GriElements so that I can create my own layouts on my page. The standard layouts are good but I need more freedom than what they offer.

I can get output on the frontend without GridElements, but when I use the extension only the content in the GridElements block wont show. If I remove the standard TypoScript from the example on the manual page for this extension i get an error saying "Oops an error occurred! Code:" and then a code that changes every time I update the page.

My TypoScript on my template looks like this: