HTML/CSS assessment grid layout question

Learning Challenge

for HTML/CSS challenge:

Question

I do not understand what is required of me when it comes to the specification:

  • … uses grid layout to layout labels and form elements when the screen is greater than or equal to 600px wide

Do I need to organize the label and input fields side by side using grid? or do i need to organize the label on top of the input using grid?

I did not find much on this topic in the forums which told me most other people understood what is being asked of them and I do not.

Thank you for your patience!!!

What I’ve tried

Screenshots

1 Like

Hi Jia, and welcome to the forum!

That specification is asking you to use the display property with a value of grid to apply styling to that part of your HTML page. I would recommend reviewing the lesson on CSS Layout to review the display property, and then check out this documentation to see some examples of grid layout and how it is used in your CSS code.

Specifically for this assessment, you will want to use the grid layout for all of the labels and all of the form elements when the screen is greater than or equal to 600px wide.

Take a look at these resources, and let us know what you think!
Jesse

thank you very much!

1 Like