personal-site | Personal site of Kevin Peters | Frontend Framework library

So I began studying code this month and I'm doing an online Web Development Bootcamp. My first assignment was to create a publish a simple HTML site on GitHub. I just published my site but when I go and check it out, the image is broken, which wasn't happening on the Offline version.

So this noob here needs help trying to figure out what I did wrong.

sakurach4n's first HTML project

I have a React app that I'm trying to start via running npm start. This app currently is part of a Firebase project and using Firebase Cloud Functions as its backend, but previously was using a node server as the backend. When I was using the node server, I had no problems start the app and developing locally by running npm run dev in the node app and npm start in the React app. Somewhere along the way of transitioning from a node app to a Firebase app I am no longer able to start my React app locally, which I want to do to be able to develop locally. Here's the error I get in my console when I try running the command:

Is there a way I can force VSCode to preview *.mdx files as markdown just like it does for *.md files? For reference see how Github shows preview of this mdx file

I know there's an extension MDX Preview but that's not working for next.js project. see open issue.

I tried this vscode setting but doesn't work:

I'm using Firebase to host my personal website and wanted to integrate CircleCI for faster integration. However I receive this error on the step for deployment:

Note Adding sudo before the deploy command causes the build to fail also

This is my first time setting up a readinessProbe, so I may be missing something very basic.

I have a deployment with two pods. One runs nginx and the other builds an application and drops the assets into a build directory, which is a volume that both containers share. The container that builds the assets takes a minute or two to complete. Here is my deployment.yaml (abridged):

I have a deployment that runs two containers. One of the containers attempts to build (during deployment) a javascript bundle that the other container, nginx, tries to serve.

I want to use a shared volume to place the javascript bundle after it's built.

So far, I have the following deployment file (with irrelevant pieces removed):

it's a fresh install of cra with typescript template running on node 13.11.0 it gives me error when try to run npm start

my back-end(node js) when status code is 200 send data to front-end correctly but when status code is not 200 dont send anything to front-end

front-end code:

I'm trying to make a gap between the bottom of my div and my image disappear.

I tried reducing the bottom margin of the image, which worked...but only on pc, if you were to open my site on a mobile phone the gap would still be there

here is the class for the image and what I wrote for it to prevent the gap from happening but sadly this doesn't work on mobile:

.mountain {margin-bottom: -5px;}

It should've made there be no gap on both PC and mobile, so why is there one. Am I doing something wrong

btw if you guys could possibly open it on mobile (if you don't mind, literally everything changes), I also want to know how what I see on PC can be put at least almost the same thing on mobile

p.s. Here is the photo of the image on PC without changing the margin-bottom, should I add another photo but from mobile?

p.s.s here is the link to my little website . . . https://raynature.github.io/personal-site/