index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <!-- Add this to your <head> section -->
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
rel="stylesheet"
/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Market Cap based Trade Recommendation</title>
  </head>
  <style>  
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700&family=Roboto&display=swap');
  #app{
    max-width: none !important;
    display: block !important;
  }
 

</style>

  <body>
    <script src="https://unpkg.com/vee-validate"></script>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
    
  </body>
</html>