Skip to main content
HashnodeePlus.DEV - Exploring Technology with David NguyenePlus.DEV - Exploring Technology with David Nguyen

Command Palette

Search for a command to run...

Self review: Create a grid layout

Updated
•1 min read
Self review: Create a grid layout
D
David Nguyen

A passionate full-stack developer from @ePlus.DEV

Part of seriesFrontend Developer

  1. Did you try changing the width of the viewport? Was there a visible change in the output?

    • No

    • Yes, but no visible changes

    • Yes, and there were changes

  2. How many grid boxes do you see in the final output?

    • 4

    • 3

    • 5

  3. Why is the peachpuff colour assigned inside the left class selector not visible?

    • Because sidebar class is mentioned before the left class inside the HTML tag.

    • Because it is pushed out of the grid due to alignment.

    • Because it gets overridden by darkcyan inside the sidebar selector.

  4. Were you able to get the desired Holy Grail layout?

    • Yes

    • Yes, but some grid items are not visible.

    • Yes, but it is out of alignment.

    • No

Comments

Join the discussion

No comments yet. Be the first to comment.

Frontend Developer

Part 10 of 48

Frontend Developer

Up next

Create a grid layout

Initial code for the HTML is already provided. The rules for different areas within the grid template area are already provided in the CSS code. You have to add the rules for the container class as per the instructions provided. The two set of rules ...

More from this blog

E

ePlus.DEV - Exploring Technology with David Nguyen

1231 posts

A passionate full-stack developer from VIETNAM.