Monthly Archives: March 2022

Building a Simple Float Layout

Posted on March 30, 2022 by Ann

width: 1200px; (this is a good width for float, flexbox, or CSS grid) background-color: green; (when adjusting things, it is good practice to give elements a background color so you can more easily see it. You will then remove it … Continue reading →

Posted in Web Developer Course | Tagged , , , | Leave a comment

Clearing Floats

Posted on March 28, 2022 by Ann

Although, using floats is outdated, you might see this out there. So, when your height collapses in a float, there are two ways to fix it. Adding the following, will “clear up” and bring the height back (background color to … Continue reading →

Posted in Web Developer Course | Tagged , , , , | Leave a comment

Using Floats

Posted on March 25, 2022 by Ann

Let’s add a class=”author-img” to our HTML picture, and add the following to our CSS: .author-img { float: left; } This will act like an absolute positioning element. It will pull the .author-img out of the normal block (all by … Continue reading →

Posted in Web Developer Course | Tagged , , , , , | Leave a comment

The 3 Ways of Building Layouts

Posted on March 23, 2022 by Ann

LAYOUT Layout is the way text, images and other content is polace and arranged on a webpage. Layout gives the page a visual structure, into which we place our content. Building a layout: arranging page elements into a visual structure, … Continue reading →

Posted in Web Developer Course | Tagged , , , , | Leave a comment

Developer Skill #2: Debugging and Asking Questions

Posted on March 17, 2022 by Ann

One of the most common mistakes made by programmers is forgetting to close a HTML element. SO, what do you do? Well, you look to see when the problem first starts. If your whole document is bold, then you can … Continue reading →

Posted in Web Developer Course | Tagged , , , , , , , | Leave a comment

Developer Skill #1: Googling and Reading Documentation

Posted on March 16, 2022 by Ann

Developers never know everything, they just know when something exists, and also know how to look it up. For example, say you wanted to find out how to search for the cursor that changes to a hand when you hover … Continue reading →

Posted in Web Developer Course | Tagged , , , , , | Leave a comment

Pseudo-elements

Posted on March 3, 2022 by Ann

Tip: Pseudo-classes are with one colon. Pseudo-elements are written with two colons. By default, any pseudo-element is an inline element. Example to un-italicize and give some space to a book emoji in a h1 element: h1::first-letter { font-style: normal; margin-right: … Continue reading →

Posted in Web Developer Course | Tagged , , , , , , , , | Leave a comment