VuePress Tutorial 10 - Homepage Styling Part 2

In this video we continue the styling for the homepage of the blog!!! 🐵

We'll start by fixing the issue of the main card being covered by the navbar. Then we'll be adding some hover effects to the main card logo and to the box shadow around the main card. Finally, we'll be adding a radial gradient background to the main card.

📗 VuePress: https://vuepress.vuejs.org/

🦍 Homepage Styling Part 2 Post: https://www.codemonkeys.tech/vuepress-tutorial-10/

🐒 Code Monkeys Blog Tutorials Repo: https://github.com/codemonkeysio/code-monkeys-blog-tutorials

🐵 Code Monkeys Blog Repo: https://github.com/codemonkeysio/code-monkeys-blog

-----------------------------------------------------------------------------------------

Timestamps
00:00 - Intro
00:12 - Overview
00:58 - Homepage Styling Recap
02:38 - Homepage Styling Updates
03:32 - Fixing the Main Card Placement
04:58 - Adding Hover Effects
10:24 - Adding Gradient Background
14:32 - Recap
14:46 - Outro

-----------------------------------------------------------------------------------------

SOCIAL MEDIA
🐒 Blog: https://www.codemonkeys.tech/
💻 GitHub: https://github.com/codemonkeysio
📨 Telegram: https://t.me/codemonkeystech
🐦 Twitter: https://twitter.com/codemonkeystech
🐸 Let's Gab: https://gab.com/codemonkeys
💡 Speak your mind on Minds: https://www.minds.com/codemonkeys/

-----------------------------------------------------------------------------------------

BUY US A BANANA 🍌
💵 SubscribeStar: https://www.subscribestar.com/code-monkeys
🍌 Sponsor Code Monkeys: https://github.com/sponsors/codemonkeysio
❤️ Sponsor J the Code Monkey: https://github.com/sponsors/jchiarulli

🤖 Instead of using the static Bitcoin address below, improve your privacy by using a PayNym: https://paynym.is/

PayNym: https://paynym.is/+blackviolet838

Payment Code: PM8TJf7wdgnWbAdnwbgTMY8ic3UZ2LFvkSJxuFtK4JwXSKFmqys1iL964UX55fGKfqZXfTdVjK1Z3FwbgTPbmEp2ErGPVaXZds8v9YUBxgfqvoQUBF2X

₿ Bitcoin (BTC): bc1q5rsnx4d320jtuvdf0k8kkmgjzfnac95gphyznn

Monero (XMR): 89DRhZtKrfPS5yuMcFoivqBCuXs19qRnChXn5VKGeYDG457WHFcGoWbQXqW92Gah2mZFChLCkV5Cfc6zcwFwmz9zN8GRuDF

-----------------------------------------------------------------------------------------

MUSIC 🎵

Special thanks to Bizonacci II, Trigger Haven, and Chief Bizzo for the song!!! 🐵

AC/BC - You Shook Me All Night Long (PALEOROCK CLASSIC): https://www.youtube.com/watch?v=28--5aEV1Z0

#CodeMonkeys #VuePress #Software

Видео VuePress Tutorial 10 - Homepage Styling Part 2 канала Code Monkeys