Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
To complete this challenge!
What challenges did you encounter, and how did you overcome them?I had a problem matching the background and I fixed it!
Community feedback
- @dz03vcPosted 5 months ago
About the background, mine worked this way:
background-position: top; background-repeat: no-repeat; background-size: contain;
1 - @dz03vcPosted 5 months ago
- Hi! I'm a newbie in html and css, but I'll give my beginner feedback anyway, hoping to help:
I don't think that this line break "<br>" would be the best solution.
<p class="caption">You can now listen to millions of songs,<br>audiobooks, and podcasts on any device<br>anywhere you like!</p>
What I used was:
<summary class="description">You can now listen to millions of songs, audiobooks, and podcasts on any device anywhere you like!</summary>
.description { font-weight: 500; color: hsl(224, 23%, 55%); font-size: 16px; margin-left: 3rem; margin-right: 3rem; margin-bottom: 1rem; text-align: center; text-size-adjust: auto; line-height: 24px; }
-
And one more thing that I noted is that your background, at the mobile device size, is repeating.
-
Nice job, hope to help!
0@ima9ghPosted 5 months agoHi @dz03vc!
I think there are better ways to use <br>, likeword-break and overflow-wrap, but I don't think any of them do the job right.
I saw the crash in mobile background size. Thanks for saying, but do you think there is a solution?
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