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
Not Found
Not Found

Submitted

Manage Landing Page (HTML | CSS | Vue JS Composition API + Vite )

Cheosphere 1,040

@Cheosphere

Desktop design screenshot for the Manage landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


...made with a lot of love 🤘🏻🙂

PS: It is not possible to exactly match the development with the UI design, because the typography indicated in the style guide does not correspond to the one used in the UI design, they are different.

Community feedback

@IsraelPina32

Posted

Good job bro

2

@lyes-mersel

Posted

You've done a great work bro! Your code is amazing, I love it ❤ Keep going !

1

@ParvizAzeroglu

Posted

Bro, you are crazy 👍👍

1

Cheosphere 1,040

@Cheosphere

Posted

@ParvizAzeroglu 😁

0

@AnosVoldigoad999

Posted

Sorry, can you please tell me how you get the exact same dimensions and everything else to get the screenshots to be the exact same? Thanks in advance

1

Cheosphere 1,040

@Cheosphere

Posted

Hello @AnosVoldigoad999 , I have some knowledge of graphic design, what I do is carefully examine the "desktop-design.jpg" file, using photoshop or illustrator, so I can measure the sizes, margins and padding of each element, and apply it to my development to achieve a result almost identical to the UI design that they give us in the project files folder. It's a bit stressful and time-consuming work, but I like seeing the end result.

5

@AnosVoldigoad999

Posted

@Cheosphere ohh, wish I could do that..thanks for the answer tho 😁

1
Dr-Mo3giza 110

@Dr-Mo3giza

Posted

this is brilliant, i like it@Cheosphere

0

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