Having an issue with bootstrap and HTML, the intended page is not displaying as expected. To briefly explain, this is my first post here.
1. The Google fonts are not rendering properly.
2. I attempted to code the left div to enclose the paragraph in a box but was unsuccessful.
This is what it should look like
Instead of achieving that look, I coded it similar to the course I am working on. Here is the code snippet in Bootstrap, HTML, and CSS.
After implementing the container fluid from Bootstrap, issues began to arise.
It could be that I'm overlooking something or maybe the default values in Bootstrap have changed.
Here is a compressed file containing all the necessary images and files if you wish to try it out on your computer. Link to files
<!DOCTYPE html>
<html>
<head>
...
</body>
</html>
CSS:
#title{
background-color: #ff4c68;
}
h1{
font-family: 'Montserrat', sans-serif;
font-size: 1.5rem;
font-weight: normal;
}
.container-fluid{
padding: 3% 15%;
}