Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Grid Idea 1

Public visualization

Viewing a saved revision (read-only)

737c27dbcf354d408a7228cf4168880d

Fork of Fork of Grid Idea 1

0 stars0🌍 Public
PPriscylla Silva
Last edited Feb 22, 2023
Created on Feb 22, 2023

This dashboard layout uses CSS Grid to display a NASCAR stats interface. The page renders a header spanning two columns, followed by two equal-sized plot placeholders arranged in a two-by-two grid. The code defines grid-template-rows and grid-template-columns with repeat() functions, applies a 10-pixel gap, and sets the container to full viewport height. Each plot cell displays placeholder text ("Plot 1", "Plot 2") against a light grey background. The design references a Quackit CSS Grid example as its source, with no interactive functionality implemented yet.

AI-generated description

A WIP dashboard idea. No functionality yet. Source

To Do: Change heights. The goal is to have a thin header, and then 6 taller plots