Composing Via Numbers

  Here are the changes that I made to the website: This was the site from the previous day:

The Bootstrap challenge required us to use Font Awesome and Bootstrap's containers to add icons and make the layout more responsive.  Incorporating Bootstrap's containers was easy. The problems came with Font Awesome... Before I begin here is what I was able to do with Font Awesome and containers: Here is the code for this section:   < section id = "features" >     < br >     < br >     < div class = "row" >         < div class = "col-lg-4" >           < i class = "fa-sharp fa-solid fa-circle-check fa-2xl awesome" ></ i >           < h3 > Easy to use. </ h3 >           < p > So easy to use, even your dog could do it. </ p >         </ div >               < div class = "col-lg-4" >          ...

  Today, Angela covered Bootstrap 4 & 5 padding and button styles. Here is the website with padding: And here is the website with stylized buttons for "Downloading". I changed the color of the website to make the buttons easier to read.

  Bootstrap Grid Layout System In today's video, Angela Yu discussed Bootstrap's grid layout system. The most important takeaway was how Bootstrap's system automatically responds to changes in the browser's layout. Code Here are the different examples of Bootstrap responses as the browser size changes from desktop to phone.

  What is TinDog? TinDog is a web page project designed by Angela Yu in order to learn Bootstrap. She recommends following along with the project as it will help us pick up Bootstrap 4 & 5 quickly. Although I am more interested in developing a fan site for Real Madrid, I have decided to follow along with the TinDog project so that I can learn Bootstrap better. Here is the code for the NavBar using codeply: Here is the basic website template Here is the website with the new Navbar and basic Bootstrap styling: