Submitted over 3 years ago

SCSS with focus on responsiveness

Matthew• 295

@CodingDatum

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Bookmark landing page

HTML
CSS
JS

3intermediate

View challenge

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

@RocTanweer

Posted 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 😉

Matthew• 295

@CodingDatum

Posted over 3 years ago

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

Roc Tanweer• 2,500

@RocTanweer

Posted over 3 years ago

@CodingDatum my pleasure 😊

Please log in to post a comment

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