Today I learned....
Focusing on The Odin Project and Web Development
Following some feedback and advice on what I was working on vs where I wanted to be, I realized I wasn't fully investing my time and effort to being a web developer. From now on, I'm putting a pause on CS50 and focusing my time fully on The Odin Project, HTML, CSS, JavaScript, and projects built off it.
Thinking Through The Odin Project Landing Page cont.
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.
Resources
The Odin Project Landing Page Project
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.
Top comments (0)