Skip to content
Submitted almost 4 years ago

Mobile first approach, Semantic HTML, Responsive CSS with SASS

Carlos E Alford•285
@webshuriken
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi everyone, This challenge was fun to do. I liked the colours chosen for the cards and the fonts also. The project uses SASS, its my second time using it in a project, and I would love some feedback, no matter how small, on my usage of it.

If there is anything else you think I can improve on my HTML please also let me know.

Thanks for taking the time to leave feedback and happy coding.

Code

Please log in to post a comment

Log in

Community feedback

  • AM46•290
    @amallen1

    First of all, I think your solution looks very good compared to the original design. Your HTML and SASS code is clean and concise as well. I think an extra challenge would be to make your solution a bit more responsive for devices with screen sizes that are larger than mobile but smaller than desktop. (Greater than 375px but less than 990px)

    Also, it's very good that you are learning sass best practices such as separating your files so it's a little more organized. I use sass myself and I'm just now learning that :)

    A video that I've found that has been super helpful with learning more about sass is from a well known Youtuber who's actively involved in web development: https://www.youtube.com/watch?v=nu5mdN2JIwM&ab_channel=TraversyMedia

    Hope this helps, great job!

    Marked as helpful

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