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

(Source Youtube)

???? 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

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

Why you’re not progressing (and how to fix it)

Blog

01-26-2021

Why you’re not progressing (and how to fix it)

After seeing thousands of designers go through our courses, there's something I've come to notice that makes or breaks a designer. A well-rounded designer who is pretty

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