Frontend Web Development Bootcamp - Build a Twitter Clone - Styling of News Feed Header - Part 2

This video tutorial covers styling a header using CSS Flexbox, including aligning elements horizontally and vertically. It demonstrates adding padding and borders to the header, styling an image with width, height, and object-fit properties, and making it rounded. The tutorial also covers styling an input element by adjusting its width, height, border, and background color. Finally, it explains how to style icons by increasing font size, changing color, and adding margin for spacing.

What CSS property is used to align elements horizontally in a row?

• inline

• block

• flexbox

• grid

Which CSS property is used to center elements vertically?

• text-align

• align-items

• justify-content

• vertical-align

How can you ensure an image fits well within its container?

• Use object-fit: cover

• Set width to auto

• Use display: block

• Apply overflow: hidden

What is the purpose of using border-radius on an image?

• To add a shadow

• To make the image rounded

• To change the color

• To increase the size

Which CSS property is used to change the background color of an input field?

• background-color

• border-color

• color

• opacity