Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

3 Columns Preview Card Component Solution by Charles Barros

@charbavito

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello Frontend Mentor fellowsšŸš€

This is another one of my solutions for the HTML and CSS only Challenges.

Again to solve this challenges I've been using SASS to compile the CSS, Media Queries to achieve responsiveness, VSCode to coding and Git to versioning.

This time I brought something new to my solutions, I solved this one using CSS Grid, a concept that I'm learning and that is an alternative to Flexbox on layout buildings. I liked the result and you are more than welcome to give me some feedback if you want.

Feel free to review the project and/or give me some feedback šŸ˜‰

Cheers!

āœŒļøšŸ˜Š Charles Barros

Community feedback

P
Nikitossikā€¢ 370

@Nikitossik

Posted

Hey, you've done really good)

Literally today I started learning SCSS and completed this project using it. Recently I've been also practicing CSS grid, it's really cool and gives you some new approaches on building layouts. Do you know some of the best practices in SCSS (where to use mixins, templates and so on)? And how did you actually learn this?) I'd like to know

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord