Mobile-first landing page using Flexbox, Grid and SASS
Design comparison
Solution retrospective
I can't figure out how to round the border of the "Learn more" gradient
Community feedback
- @strosiPosted almost 3 years ago
Hi Davide. You've created the underlining of "Learn more" as linear background half of it transparent and the lower part of it with color (yellow or red). This way the roundness of the upper corners will never be visible because the corners are not visible itself. Try useing pseudo elements to implement this decoration - something like this.
Marked as helpful1@SparkhandPosted almost 3 years ago@strosi this is a really precious piece of advice, thanks a lot! I'm not used to working with pseudo-elements, but that's definitely something I'd better cover
1 - @NaveenGumastePosted almost 3 years ago
Hay ! Davide Good Job on challenge
-> Always use
h1
first and thenh2
,h3
and so on-> Check my article on accessibility issues
If this comment helps you then pls mark it as helpful!
Have a good day and keep coding 👍!
Marked as helpful1@SparkhandPosted almost 3 years ago@Crazimonk looking forward to reading your article, thank you so much :)
1
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