---
title: "Camden Middle School"
url: https://stacklist.com/card/816c5c83-a348-4842-a182-d06f96864df9
source_url: "https://cms.camden.k12.ga.us/o/cms"
stack: https://stacklist.com/stack/2d6bfc7a-b93d-4a52-8960-4358a330903f
summary: "Camden Middle School Official Website is the home page for the school featuring a responsive web design with CSS grid-based layout system. The content includes styling code for various dashboard and gallery layouts optimized for mobile, tablet, and desktop devices."
tags: "school-website, middle-school, education, web-design, responsive-layout, css-framework"
key_entities: "Camden Middle School (organization), CSS Grid (technology), Responsive Web Design (technology), Dashboard Layout (concept)"
classification: "reference"
content_hash: "sha256:ec7ef50ca26c375d2a8da89bc0854a0657a4fa959b8b419382d09e6fb4b8be49"
acp_version: "0.2"
token_counts_approximate: 3450
visibility: public
agent_accessible: true
status: "final"
---

# Camden Middle School

Home | Camden Middle School :root{--breakpoint-sm:768px;--breakpoint-md:1024px;--breakpoint-lg:1440px}.bds-bento{border-bottom:1px solid var(--p-layout-border-color);border-top:1px solid var(--p-layout-border-color);display:grid;gap:0;grid-template-columns:1fr 2fr;height:100%;width:100%}.bds-bento-column{padding:var(--p-layout-padding)}.bds-bento-item{border-radius:var(--p-layout-border-radius);height:100%;overflow:hidden;width:100%}.bds-bento-column+.bds-bento-column{border-left:1px solid var(--p-layout-border-color)}@media(max-width:1024px){.bds-bento{grid-template-columns:1fr}.bds-bento-column+.bds-bento-column{border-left:none;border-top:1px solid var(--p-layout-border-color)}}.bds-dashboard[data-v-8241d75b]{display:flex;flex-direction:column;gap:var(--p-layout-gap,2rem)}@media(max-width:768px){.bds-dashboard[data-v-8241d75b]{gap:var(--space-gap-xl,1.5rem)}}.bds-dashboard-tiles[data-v-8241d75b]{display:grid;gap:var(--p-layout-gap,2rem);grid-template-columns:repeat(var(--columns-mobile,1),1fr)}@media(min-width:769px){.bds-dashboard-tiles[data-v-8241d75b]{grid-template-columns:repeat(var(--columns-tablet,1),1fr)}}@media(min-width:1025px){.bds-dashboard-tiles[data-v-8241d75b]{grid-template-columns:repeat(var(--columns-desktop,1),1fr)}}@media(min-width:1441px){.bds-dashboard-tiles[data-v-8241d75b]{grid-template-columns:repeat(var(--columns-widescreen,1),1fr)}}@media(min-width:1025px){.bds-dashboard-tiles.one-line-desktop[data-v-8241d75b]{display:flex;flex-wrap:nowrap}.bds-dashboard-tiles.one-line-desktop[data-v-8241d75b]>*{flex:1;min-width:0}}@media(min-width:1441px){.bds-dashboard-tiles.one-line-widescreen[data-v-8241d75b]{display:flex;flex-wrap:nowrap}.bds-dashboard-tiles.one-line-widescreen[data-v-8241d75b]>*{flex:1;min-width:0}}.bds-dashboard-equal-gaps{display:flex;flex-direction:column;gap:var(--p-layout-gap,2rem)}@media(max-width:768px){.bds-dashboard-equal-gaps{gap:var(--space-gap-xl,1.5rem)}}.bds-dashboard-equal-gaps-content,.bds-dashboard-equal-gaps-tiles{display:grid;gap:var(--p-layout-gap,2rem);grid-template-columns:repeat(var(--columns,3),1fr)}@media(max-width:768px){.bds-dashboard-equal-gaps-content,.bds-dashboard-equal-gaps-tiles{gap:var(--space-gap-xl,1.5rem);grid-template-columns:1fr}}.bds-dashboard-equal-gaps-content>:nth-child(odd){grid-column:1/span var(--odd-span,2)}@media(max-width:768px){.bds-dashboard-equal-gaps-content>:nth-child(odd){grid-column:1/-1}}.bds-dashboard-equal-gaps-content>:nth-child(2n){grid-column:span var(--even-span,1)/-1}@media(max-width:768px){.bds-dashboard-equal-gaps-content>:nth-child(2n){grid-column:1/-1}}.bds-fifty-fifty{display:grid;gap:var(--p-layout-gap,2rem);grid-template-columns:1fr 1fr}@media(max-width:1024px){.bds-fifty-fifty{grid-template-columns:1fr}}.gallery-layout[data-v-97986a6e]{display:grid;gap:var(--p-space-gap-xxl,32px);grid-template-columns:repeat(auto-fill,minmax(var(--gallery-min-column-width,280px),1fr))}@media(max-width:1024px){.gallery-layout[data-v-97986a6e]{gap:var(--p-space-gap-xl,24px)}}@media(max-width:768px){.gallery-layout[data-v-97986a6e]{gap:var(--p-space-gap-default,16px)}}.mobile-device-unsupported[data-v-d2077ff7]{align-items:center;background:linear-gradient(180deg,#662e801a,#662e8000),#fff;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100dvh;padding:24px 20px 32px;position:fixed;top:0;width:100%;z-index:9999}.mobile-device-unsupported.brandColor[data-v-d2077ff7]{background:linear-gradient(180deg,#d600001a,#d6000000),#fff}.mobile-device-unsupported__card[data-v-d2077ff7]{align-items:center;background:var(--Colors-PrimaryWhite,#fff);border:1px solid var(--Colors-Grey-Grey30,#e1e1e1);border-radius:8px;display:flex;flex-direction:column;gap:var(--Spacing-scale-space-300,12px);margin-bottom:100px;max-width:392px;padding:40px 24px;width:100%}@media(max-height:770px){.mobile-device-unsupported__card[data-v-d2077ff7]{margin-bottom:30px;padding:24px}}.mobile-device-unsupported__heading[data-v-d2077ff7]{color:var(--Text-text-dark,#2d2d2d);font-size:24px;font-style:normal;font-weight:700;letter-spacing:.8px;line-height:28px;margin:0;text-align:center}.mobile-device-unsupported__body[data-v-d2077ff7]{color:var(--Colors-Grey-Grey50,#747474);font-size:14px;font-style:normal;font-weight:400;letter-spacing:.4px;line-height:20px;margin:0;text-align:center}.mobile-device-unsupported__illustration[data-v-d2077ff7]{flex-shrink:0;margin-top:28px}.mobile-device-unsupported__svg[data-v-d2077ff7]{display:block;height:auto;width:180px}.mobile-device-unsupported__checkbox-label[data-v-d2077ff7]{align-items:center;display:flex;gap:8px}.mobile-device-unsupported__checkbox-label label[data-v-d2077ff7]{color:var(--Grey,#333);font-size:14px;font-style:normal;font-weight:400;letter-spacing:.4px;line-height:16px}.mobile-device-unsupported__actions[data-v-d2077ff7]{align-items:center;display:flex;flex-direction:column;gap:14px;margin-top:16px}.bds-one-column{grid-template-columns:1fr}.bds-one-column,.bds-one-two{display:grid;gap:var(--p-layout-gap,2rem)}.bds-one-two{grid-template-columns:1fr 2fr}@media(max-width:1024px){.bds-one-two{grid-template-columns:1fr}}.bds-page-header-content[data-v-566a374c]{display:grid;grid-template-columns:auto 1fr auto}.bds-page-header-content-left[data-v-566a374c]{display:contents}.bds-page-header-leading[data-v-566a374c]{align-items:center;display:flex;grid-column:1;grid-row:1}.bds-page-header-back[data-v-566a374c]{flex-shrink:0;margin-right:var(--p-layout-page-header-desktop-gap-back-button)}@media(max-width:1024px){.bds-page-header-back[data-v-566a374c]{margin-right:var(--p-layout-page-header-tablet-gap-back-button)}}@media(max-width:768px){.bds-page-header-back[data-v-566a374c]{margin-right:var(--p-layout-page-header-mobile-gap-header-row)}}.bds-page-header-avatar[data-v-566a374c]{display:flex;flex-shrink:0;margin-right:var(--p-layout-page-header-desktop-gap-header-row)}@media(max-width:1024px){.bds-page-header-avatar[data-v-566a374c]{margin-right:var(--p-layout-page-header-tablet-gap-header-row)}}@media(max-width:768px){.bds-page-header-avatar[data-v-566a374c]{margin-right:var(--p-layout-page-header-mobile-gap-header-row)}}.bds-page-header-text[data-v-566a374c]{display:contents}.bds-page-header-title-row[data-v-566a374c]{align-items:center;display:flex;gap:var(--p-layout-page-header-desktop-gap-header-row);grid-column:2;min-width:0}@media(max-width:1024px){.bds-page-header-title-row[data-v-566a374c]{gap:var(--p-layout-page-header-tablet-gap-header-row)}}@media(max-width:768px){.bds-page-header-title-row[data-v-566a374c]{gap:var(--p-layout-page-header-mobile-gap-header-row)}}.bds-page-header-title-wrapper[data-v-566a374c]{align-items:center;display:inline-flex;gap:var(--p-layout-page-header-desktop-gap-header-row);max-width:100%}@media(max-width:1024px){.bds-page-header-title-wrapper[data-v-566a374c]{gap:var(--p-layout-page-header-tablet-gap-header-row)}}@media(max-width:768px){.bds-page-header-title-wrapper[data-v-566a374c]{gap:var(--p-layout-page-header-mobile-gap-header-row)}}.bds-page-header-title[data-v-566a374c]{color:var(--p-layout-page-header-font-color-header);font-family:var(--p-font-family-figtree),sans-serif;font-size:var(--p-font-size-xl);font-weight:var(--p-font-weight-extrabold);letter-spacing:var(--p-font-tracking-80);line-height:var(--p-font-leading-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1024px){.bds-page-header-title[data-v-566a374c]{font-size:var(--p-font-size-lg)}}@media(max-width:768px){.bds-page-header-title[data-v-566a374c]{font-size:var(--p-font-size-md)}}.bds-page-header-title-error-popover-text[data-v-566a374c]{max-width:200px}.bds-page-header-inplace[data-v-566a374c]{min-width:0}.bds-page-header-inplace-content[data-v-566a374c]{align-items:center;display:flex;gap:var(--p-space-200)}.bds-page-header-edit-input-wrap[data-v-566a374c]{width:216px}.bds-page-header-inplace-actions[data-v-566a374c]{display:flex;gap:var(--p-space-150)}.bds-page-header-title-append[data-v-566a374c]{flex-shrink:0}.bds-page-header-description[data-v-566a374c]{color:var(--p-layout-page-header-font-color-subheader);display:-webkit-box;font-size:var(--p-font-size-sm);letter-spacing:var(--p-font-tracking-50);line-height:var(--p-font-leading-4xl);margin-top:var(--p-layout-page-header-desktop-gap-lockup);-webkit-box-orient:vertical;-webkit-line-clamp:2;grid-column:1/-1;overflow:hidden}@media(max-width:1024px){.bds-page-header-description[data-v-566a374c]{font-size:var(--p-font-size-xs);margin-top:var(--p-layout-page-header-tablet-gap-lockup)}}@media(max-width:768px){.bds-page-header-description[data-v-566a374c]{margin-top:var(--p-layout-page-header-mobile-gap-lockup)}}@media(min-width:769px){.bds-page-header-description[data-v-566a374c]{grid-column-start:2}}.bds-page-header-actions[data-v-566a374c]{align-items:center;display:flex;gap:var(--p-layout-page-header-desktop-gap-actions);grid-column:3;grid-row:1;justify-content:flex-end;margin-left:var(--p-layout-page-header-desktop-gap)}@media(max-width:1024px){.bds-page-header-actions[data-v-566a374c]{gap:var(--p-layout-page-header-tablet-gap-actions);margin-left:var(--p-layout-page-header-tablet-gap)}}@media(max-width:768px){.bds-page-header-actions[data-v-566a374c]{gap:var(--p-layout-page-header-mobile-gap-actions);margin-left:var(--p-layout-page-header-mobile-gap)}}.bds-page-header-actions-compact[data-v-566a374c],.bds-page-header-actions-inline[data-v-566a374c]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--p-layout-page-header-desktop-gap-actions)}@media(max-width:1024px){.bds-page-header-actions-compact[data-v-566a374c],.bds-page-header-actions-inline[data-v-566a374c]{gap:var(--p-layout-page-header-tablet-gap-actions)}}@media(max-width:768px){.bds-page-header-actions-compact[data-v-566a374c],.bds-page-header-actions-inline[data-v-566a374c]{gap:var(--p-layout-page-header-mobile-gap-actions)}}.bds-page-header-overflow-menu-host[data-v-566a374c]{align-items:center;display:flex;flex-shrink:0}.bds-page-header-overflow-trigger[data-v-566a374c]{flex-shrink:0}.bds-surface{background:var(--p-layout-background,#fff);border:var(--p-layout-border,1px solid var(--p-layout-border-color,#e0e0e0));border-color:var(--p-layout-border-color,#e0e0e0);border-radius:var(--p-layout-border-radius,8px);box-shadow:var(--p-layout-box-shadow,none);padding:var(--p-layout-padding,1rem)}.bds-two-one{display:grid;gap:var(--p-layout-gap,2rem);grid-template-columns:2fr 1fr}@media(max-width:1024px){.bds-two-one{grid-template-columns:1fr}}.bds-wizard-footer{align-items:center;background:var(--p-layout-wizard-footer-background);border-top:var(--p-layout-wizard-footer-border-width) var(--p-layout-wizard-footer-border-style) var(--p-layout-wizard-footer-border-color);box-shadow:var(--p-layout-wizard-footer-box-shadow);display:flex;flex-wrap:wrap;gap:var(--p-layout-wizard-footer-gap);justify-content:flex-start;padding:var(--p-layout-wizard-footer-padding-y) var(--p-layout-wizard-footer-padding-x);width:100%}@media(max-width:768px){.bds-wizard-footer{flex-direction:column-reverse;gap:var(--p-layout-wizard-footer-gap-mobile);padding:var(--p-layout-wizard-footer-padding-y-mobile) var(--p-layout-wizard-footer-padding-x-mobile)}}.bds-wizard-footer-start{flex-shrink:0}@media(max-width:768px){.bds-wizard-footer-start{flex-direction:column}}.bds-wizard-footer-end{margin-left:auto}@media(max-width:768px){.bds-wizard-footer-end{flex-direction:column-reverse;margin-left:0}}.bds-wizard-footer-end,.bds-wizard-footer-start{align-items:center;display:flex;gap:var(--p-layout-wizard-footer-gap-button-group)}@media(max-width:1024px){.bds-wizard-footer-end.bds-tablet-hidden,.bds-wizard-footer-start.bds-tablet-hidden{display:none}}@media(max-width:768px){.bds-wizard-footer-end,.bds-wizard-footer-start{gap:var(--p-layout-wizard-footer-gap-mobile);width:100%}.bds-wizard-footer-end>.p-button,.bds-wizard-footer-start>.p-button{width:100%}}.box[data-v-e02f7252]{align-items:center;border-radius:4px;display:flex;justify-content:center}.box[data-v-e02f7252]:last-child{margin-bottom:0}.bds-collapse[data-v-4a3ac493]{background-color:var(--p-color-surface-light,#fff);border:1px solid var(--p-color-border-default,#adadad);border-radius:var(--p-card-radius-default,8px);box-shadow:0 var(--p-elevation-position-40,4px) var(--p-elevation-blur-60,6px) var(--p-elevation-spread-01,-1px) #0000001a,0 0 var(--p-elevation-blur-60,6px) 0 #0000001f;overflow:hidden}.bds-collapse-heading[data-v-4a3ac493]{margin:0}.bds-collapse-header[data-v-4a3ac493]{all:unset;align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:var(--p-space-600,24px);pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.bds-collapse-header[data-v-4a3ac493]:focus-visible{border-radius:var(--p-card-radius-default,8px);outline:var(--p-button-border-width-focus,2px) solid var(--p-button-border-focus,#1850c1);outline-offset:var(--p-button-border-offset-focus,-4px)}.bds-collapse-header-inner[data-v-4a3ac493]{align-items:center;color:var(--p-color-text-primary,#2d2d2d);display:flex;font-family:var(--p-font-family-primary);font-size:var(--p-font-size-md,16px);font-weight:var(--p-font-weight-bold,700);gap:.5rem;text-wrap:pretty}.bds-collapse-chevron[data-v-4a3ac493]{display:inline-flex;transition:transform .16s ease-out}.bds-collapse-chevron-icon[data-v-4a3ac493]{height:1rem;width:1rem;stroke:currentColor;stroke-width:2;fill:none}.bds-collapse[data-open=true] .bds-collapse-chevron[data-v-4a3ac493]{transform:rotate(180deg)}.bds-collapse[data-disabled=true] .bds-collapse-header[data-v-4a3ac493]{cursor:not-allowed;opacity:.5}.bds-collapse-panel[data-v-4a3ac493]{font-size:.95rem}.bds-collapse-panel-inner[data-v-4a3ac493]{padding:0 var(--p-space-600,24px) var(--