Skip to content

falconstoop/fungifinders-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fungi Finders

A guided exercise project from "Frontend Masters" by "Kevin Powell".

Tech: HTML, CSS

Project Type: Guided Exercise / Course Project


Implementation process:

  1. Initial implementation was done independently, without referencing the course material.
  2. Codebase was then refactored to improve structure and readability.
  3. After reviewing the course implementation, the project was rewritten to align with best practices.
  4. Final improvements and personal enhancements were applied.

Purpose

This project is a practice implementation of the "Build a Modern Website from Scratch" course by Kevin Powell on Frontend Masters.
The goal was to practice modern CSS techniques and build a fully responsive, professional-looking website while applying advanced styling and layout concepts.


What I Learned / Practiced

  • Advanced CSS techniques, including layers, data-attributes, custom properties, and component-based styling
  • Semantic HTML structure for modern websites
  • CSS Grid and Flexbox for layout and responsive design
  • Organizing CSS using advanced structures for maintainability and scalability
  • Creating a responsive design for desktop, tablet, and mobile breakpoints
  • Implementing modern best practices in CSS development

Notes

  • All code written by me, following the course instructions.
  • Focus was on CSS skills, not JavaScript or backend functionality.

Demo

https://fungifinders-ui.netlify.app/


Summary

This project demonstrates my ability to build modern, responsive website using advanced css techniques, while following the professional best practices and structured code organization.

About

Responsive website using modern CSS features

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Contributors