Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Independent

Modern CSS Solutions

via Independent

Go to class Write review
Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More → Corporate Finance Institute Ad

Build the Finance Skills That Lead to Promotions, Not Just Certificates

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course presents practical modern CSS solutions for responsive and intrinsic web design, accessible interfaces, custom form controls, and layout components. It covers CSS math functions, selectors, Grid, Flexbox, responsive images, typography, and CSS-only UI patterns.

Syllabus

  • Contextual Spacing For Intrinsic Web Design
  • Practical Uses of CSS Math Functions: calc, clamp, min, max
  • Modern CSS Upgrades To Improve Accessibility
  • Developing For Imperfect: Future Proofing CSS Styles
  • Guide to Advanced CSS Selectors - Part Two
  • Guide to Advanced CSS Selectors - Part One
  • The 3 CSS Methods for Adding Element Borders
  • Pure CSS Shapes 3 Ways
  • Custom CSS Styles for Form Inputs and Textareas
  • Custom Select Styles with Pure CSS
  • Pure CSS Custom Checkbox Style
  • Pure CSS Custom Styled Radio Buttons
  • Announcing Style Stage: A Community CSS Showcase
  • 3 Popular Website Heroes Created With CSS Grid Layout
  • 3 CSS Grid Techniques to Make You a Grid Convert
  • Expanded Use of `box-shadow` and `border-radius`
  • Container Query Solutions with CSS Grid and Flexbox
  • Generating `font-size` CSS Rules and Creating a Fluid Type Scale
  • Resource: The Complete Guide to Centering in CSS
  • Icon Button CSS Styling Guide
  • CSS Button Styling Guide
  • Solutions to Replace the 12-Column Grid
  • CSS-Only Accessible Dropdown Navigation Menu
  • Responsive Image Gallery With Animated Captions
  • Totally Custom List Styles
  • Pure CSS Smooth-Scroll "Back to Top "
  • CSS-Only Full-Width Responsive Images 2 Ways
  • Equal Height Elements: Flexbox vs. Grid
  • Keep the Footer at the Bottom: Flexbox vs. Grid

 

Taught by

Stephanie Eckles

Reviews

Start your review of Modern CSS Solutions

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.