Design comparison
Solution retrospective
Having been able to carry out this project with Astro and Tailwind. I am in the learning process and have finished with the best design I could.
What challenges did you encounter, and how did you overcome them?The part of structuring the page was a little difficult for me since while I was still learning tailwind it was difficult for me to style some parts
What specific areas of your project would you like help with?I need help with the image on the right since I didn't know how to place it and it overflows to the right. It would help me a lot if you could give me a PR or some advice.
Community feedback
- @Vincent-BoutonPosted 9 months ago
Hello Jazzlel!
You can simply put an
overflow-x-hidden
andmax-w-screen
classes on your<body></body>
Like this:
<body class="[... whatever class you have] overflow-x-hidden max-w-screen"> <!-- your content here --> </body>
overflow-x-hidden
will simply remove all content that goes beyond x axismax-w-screen
will set the width of your body to the entire screen available.
Hope it helped! :D
Keep the good work
0@jazzielpPosted 9 months ago@Vincent-Bouton Thank you so much! I will implement it
0
Please log in to post a comment
Log in with GitHubJoin 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