Today I learned....
After positioning the hero elements and navbar in the center, I set the gray background for the hero image container so I could visually see how much space the image would take. From there, I adjusted the left hero elements width to 50% along with the right hero image container. Now both the right hero elements and left hero elements take up 50% of the hero container.
With the hero elements in the correct location, I set the font-size, font-weight, and color properties for the hero main text and hero secondary text. Next, I set the button background color, but I had trouble recalling how to round the button and elongate the button so I googled it. I used the w3schools site (https://www.w3schools.com/css/css3_buttons.asp) as a reference to round the buttons using the border-radius property and padding to change the button size. Lastly, I updated the border value to none and adjusted the spacing between the elements with margin and padding.
The first section of the landing page is done! Time to start working on the second section.
Day 14: https://dev.to/jennifer_tieu/self-taught-developer-journal-day-14-top-landing-page-cont-and-cs50-final-55df
Please refer to Starting My Self-Taught Developer Journey for context.