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

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

  • 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.

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.