Design comparison
Solution retrospective
In this exercise I put into practice the variables as you had recommended, any other tip that can add value, I would appreciate it. Thank you.
Community feedback
- @rubuzPosted almost 2 years ago
Hi Hugo,
It's nice that you start using variables for colors, but you can also use them for font-weight, font-size, font-family, and so on.
That way if the designer will change his mind after the project is done is much easier to make changes for you. You just change one line of code.
Otherwise, pretty good job on this challenge. Keep up with good work. :)
And a happy new year! Matjaz
Marked as helpful1@almeida883Posted almost 2 years ago@rubuz Thank you very much for the suggestion, so whenever I make a new project I make the variables for everything mentioned above right? I've been watching some more videos about the variables. Grateful!
1@rubuzPosted almost 2 years ago@almeida883 Yeah, it can be very useful later down the project life cycle.
Marked as helpful1 - @HassiaiPosted almost 2 years ago
for the color of the image add height: 100%, object-fit: cover; mix-blend-mode: multiply and opacity: 0.8 to the img.
img{ width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; opacity: 0.8; }
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful1@almeida883Posted almost 2 years ago@Hassiai Thank you very much for the suggestion, I will test this code to see how it is in practice. Grateful!
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