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

YouTube

Building a Pricing Block With HTML and Pure CSS

via YouTube

Start learning Write review
Babbel Ad

You’re only 3 weeks away from a new language

Learn More → DataCamp Ad

Power BI Fundamentals - Create visualizations and dashboards from scratch

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course live-codes a responsive pricing block from a Frontend Mentor design using HTML and pure CSS. It covers markup, global styling, block-specific styles, button hover states, media queries, and a desktop CSS Grid layout.

Syllabus

- Intro.
- Thanks to Kite for sponsoring the video!.
- Setting up the code files.
- Starting to add global styles.
- Start adding HTML markup and some styles.
- Styling the Community block.
- Styling the Subscription block.
- Styling the Why Us block.
- Adding a hover state to the button.
- Using CSS grid for desktop layout.
- Thanks to my GitHub sponsors!! ✨.

Taught by

Coder Coder

Reviews

5.0 rating, based on 1 Class Central review

Start your review of Building a Pricing Block With HTML and Pure CSS

  • Profile image for Faizan Ahmad
    Faizan Ahmad @Faizan55
    Hurrah!
    Finally, I have completed my Front-End with Pure CSS coding.
    What a great experience with Class Central!
    The way of teaching I like it.
    For beginner, It's a right place to learning.
Start learning

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.