Tag Archives: height

Introduction to Flexbox

If you have a lot of divs or paragraphs before you define flexbox it might look like this: Adding the following to the container changes the above to this: .container { display: flex; } Everything is now side by side … Continue reading

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

Box-sizing: border-box

Adding padding and border sizes will now reduce the content size, but it makes it so much easier than trying to add up border + padding + content of every element in your CSS. Without the box-sizing: border-box property your … Continue reading

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

Adding Dimensions

To make a sidebar you can add a width: width: 500px; If you have an image, for example, you can use a percentage. 100%, would be 100 percent of the parent container (i.e. computer screen, tablet screen, or phone screen). … Continue reading

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