Modern HTML and CSS from the Beginning (Including Sass) - What We Do Section

This video tutorial guides viewers through creating and styling a 'What We Do' section in an HTML file. It covers using HTML5 section tags, adding IDs, and applying CSS styles such as background color and padding. The tutorial also demonstrates using Flexbox for layout and incorporating Font Awesome icons. The video concludes with a brief discussion on responsive design considerations.

What HTML5 tag is used to define the 'What We Do' section?

Which class is used to apply a light gray background in the 'What We Do' section?

• bg-light

• bg-dark

• bg-gray

• bg-white

What is the purpose of the 'container' class in the CSS styling?

• To add a background color

• To change the font size

• To center the content

• To add a border

Which class is used to make the heading text medium-sized?

• m-heading

• s-heading

• l-heading

• xl-heading

What CSS property is used to align text to the center?

• text-align: justify

• text-align: center

• text-align: right

• text-align: left

What is the purpose of using 'flexbox' in the 'What We Do' section?

• To change text color

• To add padding

• To align items in a row

• To create a grid layout

Which class is used to make an icon larger in the 'What We Do' section?

• fa-4x

• fa-3x

• fa-2x

• fa-1x

What CSS property is used to create a circular icon background?

• border-radius: 50%

• border-radius: 25%

• border-radius: 0%

• border-radius: 100%

What issue was fixed by adding 'right: 0' to the CSS?

• Background color

• Overlay positioning

• Font size

• Text alignment

What is the next section to be worked on after 'What We Do'?

• The 'Who We Are' section

• The 'Services' section

• The 'Testimonials' section

• The 'Contact Us' section

Create a free account and access millions of resources

Create resources

Host any resource

Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever

or continue with

Microsoft

Apple

Others

By signing up, you agree to our Terms of Service & Privacy Policy

Already have an account?

Log in

Let me read it first