Skip to content
Submitted over 3 years ago

SCSS with focus on responsiveness

Matthew•295
@CodingDatum
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Bookmark landing page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

This is my second project using SASS, and I cannot applaud it enough. Using it's partials has done wonders for my organization, and it's modules kept me from repeating tedious code. If you want a good resource for intro to SASS I definitely recommend Traversy Media on youtube.

I am still honing my skills in responsiveness, but this should be a decent attempt.

I took a different approach for form validation with regards to the email-us section. Does anyone have a good resource for these? While my site certainly handles the validation, I would have rather been more accurate in terms of the what the design ("client") was asking of me.

As always ANY and ALL comments are welcome! Any resources for SASS or responsiveness would be greatly appreciated!

Community feedback

  • Roc Tanweer•2,500
    @RocTanweerPosted over 3 years ago

    Hello 👋 @Mathew

    Nice 👍 attempt on this one

    I am happy that there are no issues (accessibility and HTML) from your project 😊

    Suggestions :

    • First you need to use irfan view which is an image viewer that will help you get the accurate size of the layout from the design image they provide
    • You might have forgotten to look into the mobile design because there should be a hamburger menu that, when clicked, should make a mobile menu appear
    • For email, I would recommend, use regular expression to validate email
    • You should not clutter your footer with so much references. Just an attribution they provide in sample html is quite enough
    • The feature animation is awesome, but image is not there 😞

    I am on mobile so I can't see the desktop layout but I already said quite a lot 😅

    You may give feedback to my work on this project if you like to, I would appreciate that 😊

    Hope it helps and happy coding 😉

    2
    Matthew•295
    @CodingDatumPosted over 3 years ago

    @RocTanweer Thank you for taking the time to help me out!! Very much appreciated :-)

    1
    Roc Tanweer•2,500
    @RocTanweerPosted over 3 years ago

    @CodingDatum my pleasure 😊

    0

Please log in to post a comment

Log in with GitHub

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