Skip to content

N3kla/pricing-plans-component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Responsive Pricing Plans Component 💲

Clean and responsive pricing table built with pure HTML and CSS (no frameworks).

Live Demo

View here!

Features

  • Three pricing tiers with icons, features list, prices and CTA buttons
  • Fully responsive (side-by-side on desktop, stacked on mobile)
  • Hover effects on buttons (scale + shadow)
  • CSS custom properties for easy theming
  • Modern design with shadows and rounded corners

Technologies Used

  • HTML5
  • CSS3 (Flexbox, CSS variables, media queries, transitions)

About this project

My first ever CSS project during Colt Steele's "The Web Developer Bootcamp" course on Udemy.

Key point: Built independently from a design screenshot (not code-along), with small custom adjustments to the original design.

Goal: Practice pure CSS layout, Flexbox, responsive design and UI details during career transition to frontend development.

Screenshots

Desktop view

desktop

Mobile view

monile

About

Responsive pricing table built with pure HTML and CSS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors