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

@nidaismail

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


I m looking forward for feedback

Community feedback

@hafizjavaid

Posted

width: 60%; ( Because the image is too wide and it's not according to challenge )

Apply the above thing to the section3 image.

One more thing triy to give classes names according to section instead of section1, section2.

Marked as helpful

0

@hafizjavaid

Posted

@media screen and (min-width: 768px) header { background: url(images/bg-header-desktop.png) no-repeat; background-size: cover; }

Marked as helpful

0

@nidaismail

Posted

@hafizjavaid i did all of the changes my output is now much better. thanks

0

@optimusprime202

Posted

Hey @nidaismail, You are learning a lot.

Marked as helpful

0

@nidaismail

Posted

@optimusprime202 thanks, its fun being here i , looking forward to continue actively

0
Dev Rathore 2,600

@GitHub-dev12345

Posted

in image container used Padding property : padding: 100px;

Marked as helpful

0

@nidaismail

Posted

@GitHub-dev12345 thanks i will check it out

0

@nidaismail

Posted

@GitHub-dev12345 I m not getting you mate, can you be a bit clear.

0

@hafizjavaid

Posted

Try to use background-size: cover on desktop version so background image can cover the whole width as currently the rightmost area is not filled completely

0

@nidaismail

Posted

@hafizjavaid okay thank you

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