Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

Workit Landing Page

sass/scss, accessibility
P
Kamran Kiani•2,910
@kaamiik
A solution to the Workit landing page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

This challenge was a landing page that has different parts and using media query properly is really important in this challenge.

What challenges did you encounter, and how did you overcome them?
  • Aligning the images on this page was very tough for me.
What specific areas of your project would you like help with?
  • First, is my HTML structure correct? Could it be improved? I’d appreciate any suggestions.

  • Regarding the alignment of the phone image, I used negative margins and adjusted visibility with a media query. Is this approach correct?

  • In general, can I write my CSS code more concisely? Which parts should I consider removing?

  • Do you have any recommendations for better coding structure in this challenge?

  • Additionally, for added convenience, I’ve created some functions using Sass mixins. Is this a good practice?

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 Kamran Kiani'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