Design comparison
Solution retrospective
Since each section was quite unique I had a time keeping this one DRY.
Wasn't sure what shade of cyan the last section was either.
Had trouble with the last paragraph since in the first section in mobile view.
Community feedback
- @EileenpkPosted almost 2 years ago
Hi Musicalaudio, your project looks great, I like the use of semantic tags.
An awesome tool I use all the time to find out the exact color of something is PowerToys Color Picker. You just open it with the keyboard shortcut and click on what you want to know the color of. Here is a link to it.
https://learn.microsoft.com/en-us/windows/powertoys/color-picker
Also, I saw that you were using Grid in the CSS of this project, for positioning elements (or changing the position of elements for different screen sizes) the Grid property Grid-template-area works like a charm.
Here is a link to the docs for it.
https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas
Cheers! If you found this helpful please mark it as such :)
- Let's connect on LinkedIn! - @Eileenpk
Marked as helpful0@MusicalaudioPosted almost 2 years agoHi @Eileenpk , thanks for the resources. I guess it didn't cross my mind at the time but you're right, grid-template-areas makes so much sense to use. I appreciate the color-picker resource too, I'll use it for future projects.
Thanks again!
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