This is a solution to the Testimonials grid section challenge on Frontend Mentor. Frontend Mentor challenges help me improve me coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
desktop view
tablet view
mobile view
- Solution URL: Solution URL here
- Live Site URL: Live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Astro
- SCSS
"I learned how to set up and deploy a basic site with Astro, create components, work with data fetching for collections of content, and integrate SCSS with the framework. The most tricky part was styling the component.
I want to explore more techniques and do more project with Astro.
-
MDN Web Docs - this help me mostly with html and javascript.
-
Sass - it help me with issues like mixin and deploying
-
Lighthouse and Performance Insights Tool in Chrome - i use this tool to check performance and how my website behave on different screens (mobile, desktop, tablet)
-
Can I Use - this is excellent website that help me check if some css like text-rendering support all browsers
-
Astro doc - this is excellent website that help me check any features in Astro
- Website - DarekRepos
- Frontend Mentor - @DarekRepos