DEV Community

Cover image for Build a Complete Responsive Website Using HTML and CSS | Frontend Mentor
Chaoo Charles
Chaoo Charles

Posted on • Edited on

Build a Complete Responsive Website Using HTML and CSS | Frontend Mentor

In this tutorial we will create a complete landing page of a website using just HTML and CSS.

We will use an existing design from front-end mentor challenge. This will give you a real world experience where a client gives you an existing design in form of an image or sketch files and your work is to convert it into a pixel perfect HTML and CSS web page.

Support my Content

Subscribe to my YouTube channel: https://youtube.com/c/chaoocharles
Stalk my Twitter: https://twitter.com/ChaooCharles
PayPal Support: Donate to my PayPal

Video Tutorial

Top comments (6)

Collapse
 
kr4idle profile image
Pete Steven •

Good job on the tutorial.

You could also try to use Desech Studio to quickly import your figma design file to html/css. You still need to apply some slight changes, but most of the work is done for you.

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
chaoocharles profile image
Chaoo Charles •

Thanks buddy

Collapse
 
shaijut profile image
Shaiju T •

Cool , 😄, How did you learn this ? Do you have any course to recommend ?

Collapse
 
chaoocharles profile image
Chaoo Charles • • Edited

Thank you. I learnt basics from freecodecamp.org and then kept practicing by building more projects.

Collapse
 
chaoocharles profile image
Chaoo Charles •

Thanks man