This is a solution to the Results summary component challenge on Frontend Mentor.
Users should be able to:
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
- Solution URL: Add solution URL here
- Live Site URL: Netlify-deploy
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
Structure the HTML form from the desktop and start with the mobile first approach.
I really want to understand how to make the best CSS structure and naming in combination with the HTML structuring and class naming that will enable me to extend it to large project. From what i see we can make small projects with simple CSS and it workds fine but as the project get bigger and bigger managing css will become issue.
- CSS Scan - This helped me for setting up box shadow with just a click.
- Josh Comeau - The perfect place for CSS Rest.
- LinkedIn - Natnael Kagnaw
- Frontend Mentor - @@NatnaelSisay
I want to thank Frontend Mentor for this question.