Computer Science - Web Development - Responsive design - Make It Responsive

P1: 'Target screens below 768px' → @media (___-width: 768px) { ... } [max]. P2: 'Fluid image' → img { max-width: ___%; height: ___; } [100, auto]. P3: 'Auto-fit grid columns' → grid-template-columns: repeat(___, minmax(250px, 1fr)) [auto-fit]. P4: 'Hide sidebar on mobile' → @media (max-width: 768px)

Edodovivmagarwal
Computer Science - Web Development - Responsive design - Make It Responsive
Log in

Preparing your experience...

Loading scripts and resources

Comments (0)

0/5000

Comments are reviewed before appearing publicly.

About this Experience

Computer Science - Web Development - Responsive design - Make It Responsive

vivmagarwal
vivmagarwalJan 29, 2026

Description

P1: 'Target screens below 768px' → @media (___-width: 768px) { ... } [max]. P2: 'Fluid image' → img { max-width: ___%; height: ___; } [100, auto]. P3: 'Auto-fit grid columns' → grid-template-columns: repeat(___, minmax(250px, 1fr)) [auto-fit]. P4: 'Hide sidebar on mobile' → @media (max-width: 768px)

Details

Computer ScienceWeb DevelopmentClass 10, Class 10, Grade 10

Engagement

16

Likes

0

Remixes

0

Comments

Browse all experiences