I mainly copied my landing page which works as far as code is concerned and I did not bother using most of the user interface.
I don’t understand why other sizes only take information from my 448 media query and that the media queries are crossed out in the panel?
Reverse the order of your rules so the smallest query is first.
The way it is, if you are on a large screen, the 448 query is always applicable and comes last so it overrides everything before it.
If you reverse the order, the larger sizes will override styling for 448 queries as intended.
