CSS to HTML link not working in my code

Replit Help
1

The styles are not applying when viewing in web view.

I tried restarting the app already. The reason I’m on a mobile app is because I’m in the middle of a move, and no access to a computer right now.
See my project/code down below:

My project:
Html file:
https://replit.com/@batechks/Cafe-Menu?mobileWebview=1&mobileBridge=1&hideBottomBar=1&hideChatInput=1&supportsUpsellBridge=1&forceTheme=replitDark&fun=1#index.html

CSS file:
https://replit.com/@batechks/Cafe-Menu?mobileWebview=1&mobileBridge=1&hideBottomBar=1&hideChatInput=1&supportsUpsellBridge=1&forceTheme=replitDark&fun=1#CafeMenuStyle.css

Html code:

   <head>
        <meta charset="utf-8">
        <title>Cafe Menu</title>
        <link rel="stylessheet" href="CafeMenuStyle.css">
      <!-- Style html without linking to CSS:
          <style>
              h1, h2, p {text-align: center;}
          </style>
          -->
    </head>

Css code:

h1, h2, p {
  text-align: center;
}
h1, h2 {
  color: #831100;
}
3

Html code gets abbreviated to Cafe Menu by this site, sorry I’m unable to post a snippet of the code, but links to my project are in the post.

4

Hey @batechks!

Could you try viewing the page in a new tab/your browser instead of within Replit?