Responsive Portfolio Website [5] - About Page With CSS Grid - Best Webhosting

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Responsive Portfolio Website [5] - About Page With CSS Grid

Watch Web Development Traversy Media Video: Responsive Portfolio Website [5] - About Page With CSS Grid.
In this video we will create our about page using CSS Grid with grid template areas to map out the layout. We will also add our Sass styling and make the page responsive

Code For This Project:
https://github.com/bradtraversy/moder...

• Become a Patron: Show support & get perks!
http://www.patreon.com/traversymedia

Website & Udemy Courses
http://www.traversymedia.com

Follow Traversy Media:
http://www.facebook.com/traversymedia
http://www.twitter.com/traversymedia
http://www.instagram.com/traversymedia

Published:
Category: Web Development Traversy Media
90 Views

Related Videos

  • Popular Responsive Portfolio Landing Page Website Design Tutorial | Html CSS & Vanilla Javascript

    Responsive Portfolio Landing Page Website Design Tutorial | Html CSS & Vanilla Javascript

    by Best Webhosting Added 101 Views / 0 Likes

    Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D ------------------ In this tutorial I'll show you how to make a responsive portfolio landing Page Website design using html css and vanilla javascript from scratch without using any framework like bootstrap 4. ------------------ Join Our Channel Membership And Get Source Code

  • Popular Pure CSS Responsive Masonry Grid Layouts | Grid Like Pinterest with Html CSS only - No jQuery

    Pure CSS Responsive Masonry Grid Layouts | Grid Like Pinterest with Html CSS only - No jQuery

    by Best Webhosting Added 101 Views / 0 Likes

    Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Track: ElementD & Chordinatez - Radiate (feat. Mees Van Den Berg) [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/KPdPJr20loE Free Download / Stream: http://ncs.io/RadiateYO

  • Responsive Masonry layouts Using CSS Grid | CSS3 Grid

    Responsive Masonry layouts Using CSS Grid | CSS3 Grid

    by Best Webhosting Added 80 Views / 0 Likes

    Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D ------------------ Join Our Channel Membership And Get Source Code Everyday Join : https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog/join ------------------ All Icon Used in This Video From Flaticon and Content From https://www.who.int/emergencies/diseases/novel-corona

  • Build a Responsive Website | HTML, CSS Grid, Flexbox & More

    Build a Responsive Website | HTML, CSS Grid, Flexbox & More

    by Best Webhosting Added 28 Views / 0 Likes

    In this project we will build a custom website using HTML5 and modern CSS techniques such as CSS Grid, Flexbox, psuedo selectors, animation and more. We will also deploy to Netlify and add form functionality Code: https://github.com/bradtraversy/loruki-website • Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia

  • Popular Build a Responsive Grid CSS Website Layout From Scratch

    Build a Responsive Grid CSS Website Layout From Scratch

    by Best Webhosting Added 104 Views / 0 Likes

    In this video we will build a responsive Grid CSS layout using grid template areas. We will also be using other modern CSS features and techniques like css variables, rem units and flexbox. CODE: https://codepen.io/bradtraversy/pen/gvMGyB MY CSS GRID CRASH COURSE: https://www.youtube.com/watch?v=jV8B24rSN5o WES BOS COURSE: https://cssgrid.io/ • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out

  • Popular Grid CSS Responsive Website Layout - "Mobile First" Design

    Grid CSS Responsive Website Layout - "Mobile First" Design

    by Best Webhosting Added 186 Views / 0 Likes

    Add MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this video we will build a "mobile first" single page website layout using the CSS Grid. We will use modern techniques including relative em units, media queries and even a little flex. CODE: Codepen https://codepen.io/bradtraversy/pen/RjpQvZ BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: h

  • Responsive Personal Portfolio Website using HTML CSS & JavaScript | Complete Website from Scratch

    Responsive Personal Portfolio Website using HTML CSS & JavaScript | Complete Website from Scratch

    by Best Webhosting Added 33 Views / 0 Likes

    Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve

  • How to make Website using Html & CSS | Responsive Personal Portfolio Website Design

    How to make Website using Html & CSS | Responsive Personal Portfolio Website Design

    by Best Webhosting Added 26 Views / 0 Likes

    Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve

  • Responsive Portfolio Website [2] - Homepage & Main Sass

    Responsive Portfolio Website [2] - Homepage & Main Sass

    by Best Webhosting Added 74 Views / 0 Likes

    In this part we will create the homepage HTML markup as well as the core Sass/CSS for the project. You will learn about variables, nesting and more Code For This Project: https://github.com/bradtraversy/modern_portfolio • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia

  • Responsive Portfolio Website [3] - Rotating Menu Button

    Responsive Portfolio Website [3] - Rotating Menu Button

    by Best Webhosting Added 83 Views / 0 Likes

    In this part we will create the pure CSS menu button and add the JavaScript and CSS transitions to rotate the button into an X Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia

  • Responsive Portfolio Website [6] - Work & Contact Pages

    Responsive Portfolio Website [6] - Work & Contact Pages

    by Best Webhosting Added 79 Views / 0 Likes

    In this video we will create the work and contact pages. We will use CSS Grid for the work and Flexbox for the contact Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia

  • Responsive Portfolio Website [4] - Menu Overlay & Responsiveness

    Responsive Portfolio Website [4] - Menu Overlay & Responsiveness

    by Best Webhosting Added 83 Views / 0 Likes

    In this video we will create the menu overlay with the branding and navigation. We will also add our media query Sass mixins to make the site responsive. Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA


RSS