Update read-and-write.md

essays/read-and-write.md

@@ -17,20 +17,20 @@ labels:
 <p>
 Before encountering UI Design topics in this class, I already had considerable knowledge of HTML and a slight understanding of CSS. However, I have yet to be able to build anything intently with HTML and CSS; my job in school as a Web Designer only requires me to become adept at using WordPress to manage the department's website. Hence, as a result, I never had anything that pushed me to get deeper with HTML and CSS. However, the projects required in this class served as my tipping point to applying and taking my mediocre web design skills to the next level.
 <br><br>
-As I have mentioned, I have little to no knowledge of CSS, so at first, I had a hard time comprehending its overall syntax as I find it very different from what I have been writing as a CS student. So, I decided to read MDN documentation and watch some tutorial videos on YouTube to grasp its concept better. It was initially confusing because each resource I stumbled upon offered a different way of writing CSS to style their web pages. This resulted in me creating a chaotic CSS file while doing one of the BrowserHistory homework. 
+As I have mentioned, I have little to no knowledge of CSS, so at first, I had a hard time comprehending its overall syntax as I find it very different from what I have been writing as a CS student. So, I decided to read <a href="https://developer.mozilla.org/en-US/docs/Web/CSS" target="_blank">MDN documentation</a> and watch some tutorial videos on YouTube to grasp its concept better. It was initially confusing because each resource I stumbled upon offered a different way of writing CSS to style their web pages. This resulted in me creating a chaotic CSS file while doing one of the BrowserHistory homework. 
 <br><br>
-Even though I was still uncomfortable with CSS, I had to move forward and learn another new UI design stuff called Bootstrap, a UI framework. My professor kept saying that styling with CSS alone is a tough job and that learning to style with Bootstrap would make our lives easier. I was excited about it as I thought I did not have to be proficient with CSS anymore. While watching my professor's demonstration video about recreating the BrowserHistory web page that we initially did with only HTML and CSS, I was like, "What is going on here?" because he kept on assigning these navbar, navbar-expand-lg, container, etc., which I had no idea of at the time. This led me to watch YouTube tutorials while reading Bootstrap documentation because the WOD-- abbreviation for "Workout of the Day," where our knowledge about Software Engineering topics is tested by making us solve a problem while being timed-- is coming. Failing to finish a WOD guarantees a zero in our grade book; who would want that?
+Even though I was still uncomfortable with CSS, I had to move forward and learn another new UI design stuff called <a href="https://getbootstrap.com/" target="_blank">Bootstrap</a>, a UI framework. My professor kept saying that styling with CSS alone is a tough job and that learning to style with Bootstrap would make our lives easier. I was excited about it as I thought I did not have to be proficient with CSS anymore. While watching my professor's demonstration video about recreating the BrowserHistory web page that we initially did with only HTML and CSS, I was like, "What is going on here?" because he kept on assigning these navbar, navbar-expand-lg, container, etc., which I had no idea of at the time. This led me to watch YouTube tutorials while reading <a href="https://getbootstrap.com/docs/5.3/getting-started/introduction/" target="_blank">Bootstrap documentation</a> because the WOD-- abbreviation for "Workout of the Day," where our knowledge about Software Engineering topics is tested by making us solve a problem while being timed-- is coming. Failing to finish a WOD guarantees a zero in our grade book; who would want that?
 </p>
 
 ## I Learn By Doing
 
 
 <p>
-I was able to replicate the first scroll of the front page of Bellroy to complete my YourChoice homework (homework that required us to choose a website to recreate using Bootstrap) as shown below:
+I was able to replicate the first scroll of the front page of <a target="_blank" href="https://bellroy.com/">Bellroy</a> to complete my YourChoice homework (homework that required us to choose a website to recreate using Bootstrap) as shown below:
 </p>
 
 <div class="container">
-<div class="row align-items center">
+<div class="row align-items-center justify-content-center">
 <div class="col">
 <img width="500px" src="../img/essay-photos/read-and-write-photos/bellroy-official.png">
 <h3 class="text-center">Original</h3>