CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Rooms Section-Style

What is the initial layout plan for the room section?

• A single row of cards with a header at the bottom

• Four rows of cards with no header

• Two rows of cards with a header centered in the section

• Three rows of cards with a header at the top

How is the common header styled to ensure it is reusable?

• By writing styles outside of the room section

• By using a different stylesheet

• By using inline styles

• By writing styles within the room section

What method is used to align the cards in the room section?

• Using Inline Block

• Using CSS Grid

• Using Flexbox

• Using Table Layout

What is the purpose of setting the image width to 100% within the card?

• To make the image larger than the card

• To ensure the image fits within the card's width

• To make the image smaller than the card

• To remove the image from the card

How is the shadow effect applied to the cards?

• Using the opacity property

• Using the border property

• Using the text-shadow property

• Using the box-shadow property

What is the font size set for the room card heading?

• 2 rem

• 5 rem

• 3 rem

• 4 rem

How is the button at the bottom of the section centered?

• Using position absolute

• Using float center

• Using text-align center on its parent

• Using margin-left

What is the purpose of the transition property on the button?

• To change the button's position

• To make the button disappear

• To animate the button's color change

• To change the button's size

What is the effect of setting the button's background color to transparent?

• It adds a border to the button

• It changes the button's text color

• It allows the background to show through

• It makes the button invisible

What is the final step in styling the button?

• Changing the font size

• Removing the button

• Adding a hover effect

• Adding a border