I am facing an issue with displaying the logo title on my webpage, where some letters are not appearing correctly.
For example:
The text "eChampion" is not displayed
However, when all letters are in uppercase like "ECHAMPION", they appear correctly.
I initially tried using only uppercase letters to fix the problem but it didn't work. I then attempted to remove the "icon-shield" class from the h1 tag, followed by removing the "bl-logo" class separately, and eventually both together, which resolved the issue temporarily. However, the problem persisted even after re-adding those classes and attempting to modify them in the CSS.
As a beginner in HTML and CSS, I decided to work with a grid layout example using <section>. After making several modifications to align the elements as desired, I encountered this error when adding a new page named "games.html" that introduced another icon into the existing set. Despite updating the font files in the folder, the error appeared on the main page and has been challenging to resolve. This situation has been quite frustrating.
--> Below is the HTML code:
<!DOCTYPE html>
<html lang="en">
<head>
...
</head>
<body>
<div class="container">
...
</div>
<script src="...js/boxlayout.js"></script>
<script src="...liga.js"></script>
</body>
</html>
--> Here is the CSS code:
body, html { ... }
...
.bl-box {
...
}
...