Barely Coding dynamic CSS page

Current CSS

(Comment valid css on this video and it will be applied to this page within 1 min)

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>500: Internal Server Error</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/4e39c91cbc99f6a8.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4e39c91cbc99f6a8.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-8fa1640cc84ba8fe.js" defer=""></script><script src="/_next/static/chunks/framework-114634acb84f8baa.js" defer=""></script><script src="/_next/static/chunks/main-a139143a5227dd23.js" defer=""></script><script src="/_next/static/chunks/pages/_app-bf55c49910772dbb.js" defer=""></script><script src="/_next/static/chunks/pages/_error-8353112a01355ec2.js" defer=""></script><script src="/_next/static/kc6RxDZL89N9FHhk93GUB/_buildManifest.js" defer=""></script><script src="/_next/static/kc6RxDZL89N9FHhk93GUB/_ssgManifest.js" defer=""></script></head><body><div id="__next"><div style="font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>
                body { margin: 0; color: #000; background: #fff; }
                .next-error-h1 {
                  border-right: 1px solid rgba(0, 0, 0, .3);
                }

                @media (prefers-color-scheme: dark) {
                  body { color: #fff; background: #000; }
                  .next-error-h1 {
                    border-right: 1px solid rgba(255, 255, 255, .3);
                  }
                }</style><h1 class="next-error-h1" style="display:inline-block;margin:0;margin-right:20px;padding:0 23px 0 0;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">500</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:49px;margin:0;padding:0">Internal Server Error<!-- -->.</h2></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":500}},"page":"/_error","query":{},"buildId":"kc6RxDZL89N9FHhk93GUB","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>

About this project

All comments on specified video that are valid css syntax will be added to this site. If you comment shows up but your desired change did not happen, its probably due to specificity.

Barely Coding dynamic CSS page

Current CSS

About this project

Channel videos

Using Face Tracking for unique web experiences

TRY THIS Unique 3D Idea for Portfolio Website - [React, Three]

The Game most HATED by CRITICS that PLAYERS LOVED #shorts

The Game most HATED by CRITICS that PLAYERS LOVED

The worst NPM package? #shorts

Programmer think out loud solving leetcode - [Reduce, Multidimensional nested array,]

Fixing my commute with code

Welcome to Barely Coding 👋 Im Daniel!

Biggest Programming Channels of Youtube - Bar chart race #shorts

How to add 3D Models to Website using React Three Fiber

TikTok took down my site 😱

10 signs you&#39;re a Senior Javascript Developer #shorts

Why Programming is Worth it

Household fighting over chargers

Make it work, make it right, make it fast

Being an amazing 10x Full Stack Developer is easy

Self replicating Code that prints itself - Quines in Javascript

JS - var, let &amp; const in 30 seconds #shorts

How to use a GamePad in React

StackBlitz - in-browser IDE with native Node.js support

WebAssembly - Tutorial and Performance testing - [AssemblyScript to WASM]

Watch this before building a Software as a Service (SaaS) - [Bedrock, React, GraphQL, Node, Next]

Day in the life of a Software developer #shorts

Busted Hacking my own LinkedIn profile

Creating my own QR Code Standard in React...and its pretty bad

How to implement rooms in socket.io - Among Us in Javascript P3

How to animate an SVG with CSS (Works in Github Readme)

Build Among Us in Javascript P2 - [Multiplayer, Socket.io, Websockets, Node.js]

Build Among Us in Javascript P1 - [Map, Movement, Sprite Animation]

Building Javascript Minecraft in 1 hour - [React &amp; Three.js Tutorial]

Flappy bird in Javascript with 25 lines of code

You can write shell scripts in Javascript?!

Simple Javascript Reduce Tutorial - By making banana bread

Build a 3D World in React with Three.js - [React Three Fiber Tutorial]

Chrome Inspector Tutorial - [Chrome Developer Tools]

Javascript Ternary Operator (Short If) Explained

React.js tutorial - Sliding puzzle game with custom image

Javascript Every Function explained - by making our own custom implementation

Simplified Oauth 2.0 Tutorial - Example with Node.js

Easiest Web Development Setup Tutorial with VS Code

Vim macros in VS Code Superpowers - Tutorial

Live Clock Wallpaper in Node.js Tutorial - [Read files with fs, Node Cron job with node-cron]

Handling multiple Promises in Javascript - [all, allSettled, any, race]

Code formatting with Pretties as a Github action - Tutorial

How to Validate JSON in Javascript - Tutorial and Example

First steps into Functional Programming in Javascript - Composition Example

Full Video Background Tutorial using Bideo.js - [HTML, CSS, Javascript]

CSS only Infinitely Scrolling Background | TUTORIAL | [Clamp, Keyframes, Animation]

What is a Webhook? - Explained simply with fun example - [Home assistant, IFTTT, Geolocation]

Trading Bot built with Node and Firebase - 100 day profit report

Build a Game in React with Recoil [Part 3/3] - Inputs &amp; Game Logic

Learn Javascript the fun way - Live Weather Tab [Geolocation, setInterval, Closures]

Deno - Where are the packages and compiled files located?

Build a Game in React with Recoil [Part 2/3] - Populating the World

Vite - Super fast build tool [Project Setup]

How to Debug Deno in VS Code

Build a Game in React with Recoil [Part 1/3] - Creating the World

Vim in VS Code - [My setup to avoid the mouse]

Build a GraphQL server in Deno using Oak - [Getting started tutorial]

React Recoil Todo List with LocalStorage Persistance

Vanilla Javascript game development - [Othello Burger flipper]

Deno Tutorial - Getting started [Installation, Hello World, Import, Fetch]

Tips for writing High Quality Javascript

Build a Periodic Table from an API in React - [Javascript, CSS]

10 signs you're a Senior Javascript Developer #shorts

JS - var, let & const in 30 seconds #shorts

Building Javascript Minecraft in 1 hour - [React & Three.js Tutorial]

Build a Game in React with Recoil [Part 3/3] - Inputs & Game Logic