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 - Tailwind CSS

@ShinjiX-Web

Desktop design screenshot for the Manage landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

@nick335

Posted

Hello, Nate Pañares

Nice work with the challenge, for accurate sizing of the background image you can do this:

// normally you do this

background-size : cover 'or' contain;

background-position: center 'or' Top 'or' Left 'or' Bottom 'or' Right;

//but to accurately position it you can try this!!

background-size: 300px 100px; 'which is the width and height';

background-position: top 100px  right 100px; //the same can done for the bottom and the left

hope this was helpful

Happy Coding.

Marked as helpful

1

@ShinjiX-Web

Posted

@nick335 - yeah, indeed it was helpful. I was used to just using cover or contain but never thought about other ways to size it. 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