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

Clipboard landing page

NaQu 570

@NaQu2003

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedback of how i can improve are highly welcome

Community feedback

Fayozxon 530

@Fayozxon

Posted

Hello my friend

I see that the description text on the hero section is two lines on the design, but your is one line and really makes it difficult and uncomfortable to read.

To solve this problem I suggest you to use the css max-width property. It does not let the element exceed the given width limit.

For example if you set max-width: 500px the maximum width the text can reach is 500px, in this way you can easily solve the problem.

Good luck with the future projects!

Marked as helpful

0

NaQu 570

@NaQu2003

Posted

@Fayozxon Hi, I did as you suggested and added max-width:550px; and then it moved parapgraph to left so i did margin-left:auto and right:auto but i don't know if it's best practice is there any better way ?

0
Fayozxon 530

@Fayozxon

Posted

@NaQu2003 using display: flex is another solution.

But I don't think using margin is a bad way.

1
NaQu 570

@NaQu2003

Posted

@Fayozxon Okay, thanks :)

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