Slide 3

Latest Updates

In a world of infinite possibilities, Ability is everything. We develop Website & Mobile app for Business.

Building a pricing block with HTML & PuRe CSS

???? Code faster with Kite, AI-powered autocomplete that integrates into VS Code! https://kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codercoder&utm_content=build-pricing-block In this video I'll be live coding a responsive

???? Code faster with Kite, AI-powered autocomplete that integrates into VS Code! https://kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codercoder&utm_content=build-pricing-block

In this video I'll be live coding a responsive pricing block from Frontend Mentor, using HTML and pure CSS ????

Frontend Mentor Pricing Block: https://www.frontendmentor.io/challenges/single-price-grid-component-5ce41129d0ff452fec5abbbc

My source code: https://github.com/thecodercoder/fem-single-price-grid-component

0:00 - Intro

0:11 - Thanks to Kite for sponsoring the video!

0:56 - Setting up the code files

2:12 - Starting to add global styles

10:44 - Start adding HTML markup and some styles

18:00 - Styling the Community block

37:04 - Styling the Subscription block

49:54 - Styling the Why Us block

55:11 - Adding a hover state to the button

59:55 - Using CSS grid for desktop layout

1:05:56 - Thanks to my GitHub sponsors!! ✨

_____________________________________

???? OTHER LINKS ????

???? Support the channel with GitHub sponsors: https://github.com/sponsors/thecodercoder

???? Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme

???? Learn to code with a free 7-day trial to Team Treehouse:

https://treehouse.7eer.net/c/1296848/228915/3944

_____________________________________

WANT TO LEARN WEB DEV?

Check out my courses:

???? Responsive Design for Beginners: https://coder-coder.com/responsive-/

???? Gulp for Beginners: https://coder-coder.com/gulp-course/

_____________________________________

RECOMMENDATIONS

???? My Gear -- https://www.amazon.com/shop/thecodercoder?listId=1LMCKGUTMVYXD

???? My Favorite Books -- https://coder-coder.com/best-web-development-books/

???? My Favorite Courses -- https://coder-coder.com/best-web-development-courses/

_____________________________________

FOLLOW CODER CODER

Blog -- https://coder-coder.com/

Twitter -- https://twitter.com/thecodercoder

Instagram -- https://www.instagram.com/thecodercoder

_____________________________________

#webdevelopment #html #css #learntocode

Slide
From a small room table to large meeting rooms

We’re working with companies of all sizes ranging from startups to large scale business industries! We have extensive experience working with companies in Canada, USA and global to help them build a great website and effectively improve their ROI.

Slide
wordpress-development-toronto
Joomla-web-development-toronto
magento-web-development-toronto
shopify-web-development-toronto
html-web-development-toronto
Drupal-Web-Development-toronto
square space web development toronto
Contact
Image is not available
We'd love to hear from you.

We’re accepting new projects and would love to hear about yours. Got a question? Let's chat!

Glass Button
Request a Call
Glass Button
Chat Now
Copyright © 2007 – 2025 All rights reserved. Website Design & Web Development Company Located in Toronto, Ontario, Canada.
Can i get all in package?

Yes for your convenience we have premade different packages which includes Logo design, Branding, Hosting, And different types of website.

Request a Call