2023 Web Development Bootcamp: Intermediate CSS Part 2 -- Day 6
I started learning about the CSS box model, the CSS display property, and CSS static and relative positioning. This was a lot of information to absorb( ingest) in one sitting. While the topic was interesting and is important to master, I decided to just learn by doing. So I downloaded 2 new photos to display at the top of my website. CSS Images and Relative Positioning Here is the code that I used: .logo { height : 400px ; position : relative ; left : 100px ; } .team { height : 400px ; position : relative ; left : 150px ; top : 10px ; } And here is the result: Here is the new page: Note: The trophy photo's width is 100% of the browser screen so this is why it is being pulled across the whole screen. This is my opinion.
Comments
Post a Comment