Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Not Found

Submitted

Maker Landing Page

P
Asendent• 70

@Asendant

Desktop design screenshot for the Maker pre-launch landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

During this process, I'm most proud of being able to get all the scaling correct for all devices that I have tested the website on. This is my first solution and the first website that I have fully completed and been able to upload.

What challenges did you encounter, and how did you overcome them?

My main challenge was trying to scale the website and make it responsive so that it would work on tablets and phones. During the process of attempting this, there had been many problems such as display's not showing correctly or certain elements appearing in places that they shouldn't have, but eventually I figured it out by just programming each of the sections individually for each major resolution.

What specific areas of your project would you like help with?

I needed help with figuring out how to change SVG colors as they did not want to become the color that were deemed by the figma file. Other than that, it's just figuring out positioning and other strategies to achieve the same outcome.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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