Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 4 years ago

Completed using BEM and SASS

Abhishek Singh•15
@abhisheksinghwork7
A solution to the Agency landing page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hey guys! This was my first Junior level challenge. It was a great experience. Just wanted to ask few things:

  1. While rearranging sections or divs from mobile version to desktop version What is the best method to go about it? Should we strictly use the margins and paddings from the design image OR rely on the auto resizing from flex and grid to just put things in place.

  2. While placing an image is it better to use the picture tag in HTML which changes the image according to the media width or should we place the image using CSS for mobile and desktop versions separately?

Any feedback would be appreciated. Thanks

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Abhishek Singh's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License