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
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found

Submitted

Clipboard Landing Page

Ahmet 90

@akyanu

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 was having trouble trying to align a portion of text to the left under one of the media queries (the text next to the desktop image). It has a comment next to it in the code, I tried the justify and align properties but they didn't help and I'm not sure why. Is there another line somewhere with higher priority?

Any other advice or criticisms welcome, thank you!

Community feedback

@Lemirq

Posted

Hello Ahmet, Great Solution!

To answer your question, the .subsection--2 .sub-container is already aligning to the left side. The issue is that the description is taking the entire space that is there, giving the illusion that it is centered. You can add a max-width property to .subsection--2 .sub-container to restrict the amount of space it uses. If you wanted to align the subtitles of those to the left, try removing margin-inline: auto; from .main-container *.

Cheers!

Marked as helpful

1

Ahmet 90

@akyanu

Posted

@Lemirq Thank you! I didn't realize .main-container * was the thing preventing the subtitles from going left. I thought * only effected .main-container's children, not it's grandchildren too. Good to know for the future!

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