Build a Responsive SPA Website using HTML & CSS ~ Portfolio Page Tutorial

In this project tutorial we build a fully responsive HTML & CSS Single Page Portfolio Website where we create multiple sections using HTML5 semantic tags and use SCSS as our CSS Preprocessor. We also utilise a little bit of JavaScript to add a class to a fixed navbar on scroll.

// Support me on Ko-Fi

// FOLLOW ME ON TWITTER

// BECOME A MEMBER

// MY GEAR FOR CODING AND YOUTUBE

All of these products I own and have tested!

// INTERESTED IN GAME DEV?

// CHECK OUT MY GAME

// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE

#website #development #responsive

[AnotherScreenname]

Someone who actually explains (perfectly briefly, in context) 'why' the 'what' does the 'how' and'when to, and which to, use this or that because of the other. Good tuts Potts!

[danbuild]

Completed this and so happy with the final result. I will attempt to share this. Thanks you so much!

[danbuild]

Such a good tutorial! Thanks so much for putting this together. I will review it a few times and see if I can understand how these items all come together.

[aleksandarrasic]

I have no word to explain how good you are. Bravo Potts 💪🏻

[burgasHoH]

Good work and video ! You presentation was great !!

[khadkasubarnabijaya]

Nice content. Covers almost everything in one video!

[MrCryoJack]

This is cool, building my very own responsive site, thanks for the tips

[OverDrive]

This is awesome! Julio Codes does awesome videos like this too. Maybe build this website using React or Vue?

[andrezasilva]

When I change my background-image in CSS doesn't not update, I don't have idea what's going on.

[danjmillier]

Love it!! Any plans on wiring up the form?

[danh]

Did you changed theme? Is this still Synth Wave 84? I really like the icons for the directories.

[jared]

If you want to each section to be as tall as the viewport. What approach to you recommend? Can you set height for each section to be 100vh? Similar to width?

[Anrahya]

Would be awesome if you could do a video of building stuff like this with angular

[tortugatortuga]

The music is so loud... I also think SPA might be being misused as there isn't dynamic content or interactivity. Other than that, amazing walkthrough on the CSS.

[mudgreen]

when I use the "grid-gap" property is says "Property is obsolete. Avoid using it."
what should I use now instead of "grid-gap"?

[MaksymMinenko]

So, the mobile version has no menu at all??

[softblood]

where is footer ?
where is navbar in phone size ?