Media Queries CSS

@zsolt-nagy @ivan

the output of the themes of my media queries CSS code is not the same as the instructors. On Zsolt’s screen the themes output color Is white but on my screen it remains orange. Can anyone help? Below is a picture of my code

.dashed-border {
border: 2px dashed darkblue; 


display: flex;


body {
  background-color: beige;


/* Header Styles */
.header-container {

.logo {
width: 30%;

width: 70%;

  list-style-type: none;
  display: flex;
  justify-content: flex-end;

.menu-item {
margin: 20px;
font-size: 16px;
text-decoration: none;
font-weight: bold;

#moralis-reference {
  text-shadow: 2px 2px 7px darkgray;

button {
    border: none;
    box-shadow: 3px 3px 7px rgba (90,90,90,0.6);
    cursor: pointer;

  padding: 15px;
  border: 2px solid black;
  margin: 30px;
[type=text], [type=number],[type=submit] {
  padding: 8px;

@media screen and (min-width :400px) {

Please create a HTML5 project and post a codesandbox link instead of manually copying code here when asking comprehensive questions that require the whole code to be executed in a browser.

hopefully one of these is the link you need

Not really… this does not contain the code you wrote.

However, I couldn’t help but notice that your question is most likely not about the website you created, but the syntax highlighting color scheme of your text editor. Please don’t make assumptions that they have to match my colors, everyone has a different setup. If this is the case, in general, I recommend concentrating on deeper level understanding, not on copying what I do pixel by pixel. Also, a google research on “VS Code syntax highlighting” would fill in the knowledge gaps on font colors in VS Code.