Responsive HTML CSS Portfolio Website using Flexbox and Grid

Learn how to make a portfolio website using HTML and CSS. We will create this using CSS Flexbox and CSS grid. It will be fully responsive as well.

The design for this website was created by Pierluigi, you can check out his Youtube channel below
@pierluigigiglio

Source code:
https://www.codavilla.com/posts/respo...

Timeline:
0:00 What we're building
3:04 Creating Project Files
5:22 Creating Hero Section
8:38 Styling Hero Section
16:08 Creating About Section
18:38 Styling About Section
26:18 Creating Services Section
30:52 Styling Services Section
42:14 Creating Portfolio Section
45:28 Styling Portfolio Section
52:14 Creating Contact & Footer Section
54:22 Styling Contact & Footer Section

If you want to follow me along my coding journey, be sure to subscribe :)
@briandesign

HTML, CSS & Javascript Website Tutorial
HTML CSS Javascript Website Tutorial ...

My VS Code Theme
Top 10 VS Code Themes

Host your Website for Free
How to Host a Website for Free

• #education
• #html_css_portfolio
• #portfolio_website
• #html_css_website
• #html_css_website_design
• #html_css_project
• #css_flexbox
• #css_grid
• #html_css_portfolio_tutorial
• #beginner_html_css_tutorial
• #portfolio_website_design
• #portfolio_website_tutorial
• #html_css
• #html_css_tutorial
• #html_css_website_design_tutorial
• #html_css_javascript
• #css_project
• #beginner_html_css_course
• #html_css_projects_for_beginners
• #html_css_crash_course
• #learn_how_to_make_a_website
• #how_to_code_a_portfolio_website