A Responsive Portfolio that we will be making together. Video tutorials are available in the Facebook group - https://www.facebook.com/groups/codersofxda/

Things You Should Know for a Better Understanding

• Box Model
• Positioning - Relative, Absolute etc.
• Flexbox
• CSS Grid Basics
• Media Queries

Getting Started

• Clone the repo.
• Navigate to the folder, do npm install (Node.js & npm required) and run the compile-css to generate CSS from .scss file.
• Play with the code.

Resources I've used in the tutorials

• FontAwesome 5.0 - For all the icons used in the design.
• 0to255.com - For the different color shades of a particular color.
• TailwindCSS - For colors & box-shadows.
• Pexels - For images.
• Heroicons - SVG Icons.
• Undraw - For illustrations.
• Google Fonts - for fonts used in the design.
• SASS - for styling. (less code & easier workflow).

My Code Editor Setup (if anyone cares 😶)

• Editor - Visual Studio Code.
• Font - Source Code Pro.
• Theme - Palenight.

Plugins:

• Live Server - launches a development server with auto-reload on save.
• Relative Path - to get the relative path to any file in the workspace.

License

• MIT license