SMALL QUIZ HTML/CSS

Which property would you use to center items vertically within a flex container?

• justify-content: center

• align-items: center

• flex-wrap: wrap

• display: inline-flex

• flex-direction: column

If you want each item in a flex container to take up an equal amount of space, which property should you use?

• flex: 1

• justify-content: space-between

• align-items: center

• flex-direction: row

• display: inline-flex

Which image format is best for lossless compression and preserving transparency in web portfolios?

• JPEG

• BMP

• PNG

• GIF

• SVG

Which CSS property would you use to make an image scale proportionally to fit within a responsive layout?

• width: auto; height: 100px;

• max-width: 100%; height: auto;

• object-fit: contain;

• min-height: 100%;

• border-radius: 50%

Which of the following image formats is vector-based and best suited for logos and icons?

• PNG

• JPEG

• GIF

• SVG

• TIFF

Which HTML attribute should you add to an input element to ensure it requires a valid email address?

• type="text"

• type="url"

• required

• type="email"

• value="[e-mail]"

Which input type would you use for a user to select a date in a contact form?

• text

• checkbox

• radio

• date

• submit

If you want your portfolio to be accessible to screen readers, which of these practices is recommended?

• Using

  tags instead of

  tags for headings

• Using semantic HTML elements like

  ,

  , and

• Setting all font sizes to pixels

• Only styling the page with CSS and no HTML

• Avoiding alt text for images