Embarking on a new project in symfony has been quite the learning curve for me. Despite my lack of experience, I diligently followed all the installation guidelines laid out in Symfony's documentation:
/* assets/styles/app.css */
body {
background-color: rgb(177, 44, 44);
}
h1{
color: red;
}
h2{
color:purple;
border: 1px solid black;
}{% extends 'base.html.twig' %}
{% block body %}
<h1> Welcome Everyone </h1>
<h2> Welcome 2 </h2>
{% endblock %}<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title>
{# Run `composer require symfony/webpack-encore-bundle`
and uncomment the following Encore helpers to start using Symfony UX #}
<link rel="stylesheet" href="assets\styles\app.css" type="text/css">
{% block stylesheets %}
{#{{ encore_entry_link_tags('app') }}#}
{% endblock %}
{% block javascripts %}
{#{{ encore_entry_script_tags('app') }}#}
{% endblock %}
</head>
<body>
<div class="container">
{% block body %}{% endblock %}
</div>
</body>
</html>[check out the image here][1] was successfully set up. I utilized yarn package manager to download the webpack-encore-bundle package. While I believe my () is correctly placed, my HTML file seems unable to locate the path to my CSS.
Here are the files [1]: https://i.sstatic.net/RA9FJ.png
The network browser console reports "net::ERR_ABORTED 404 (Not Found)" to me.