@j-e-f-f said in CSS 101 - Getting started with CSS and understanding how CSS works:

Now issue the following command to start MagicMirror in development mode.

npm start dev

This will start MagicMirror in a split screen layout. One side will be the Magic Mirror that you know and love, the other side will be the developer tools console. 

Is this correct? I spent quite a bit of time trying to figure this out. Maybe it’s changed.

The developer tools console is surely just the browser console which is achieved by pressing F12.

When I tried the command:
npm start dev

What this did is direct debug messages into the shell where I typed the command, but didn’t change the display in the web browser. I just thought this might help other people following this guide, which is excellent!

Solution needs to survive an unattended reboot. Is there a programmatic way to apply a “just zoom in”?

Displaying less is intentional.

Hi, I’m building a display for a large hall, which will be used to show minimal information and be readable at 5m+.

So I want all text to be display sign size. How can I best approach this? Basically whatever CSS classes there are in the core code or any module, they will all need to be 10x font size.