Afeez Bolaji• 190
@Afeez-Ola
Submitted
Chrision Wynaar
@Clipzorama
All comments
- Chrision Wynaar• 110
@Clipzorama
Posted
Hello!
So a couple things:
-
Try making the the width of the card that holds all of the content a bit higher so that it stretches to the desired width. Perhaps using a relative unit like %.
-
For the image, it looks a bit more "smokey" than its supposed to. Try using ::after inside of the image container that holds the image and make it the entire size of the container. Utilize mix-blend-mode and opacity with the soft violet color and it might look a bit better.
-
The m must be captial to M. and also adjust the p and h element to make it as expected.
Overall, great job! Consistency is everything and you're excelling!
Marked as helpful
1 -
- nflakes• 30
@nflakes
Submitted
What are you most proud of, and what would you do differently next time?
I learned a lot from the past QR-code project so it became easy for me to make this project.
What challenges did you encounter, and how did you overcome them?
positioning as always but flex box and grid saves me.
What specific areas of your project would you like help with?
anything that can make me a better frontend developer.
Chrision Wynaar• 110@Clipzorama
Posted
This is really good. Maybe minor margin adjustments on <h> and <p>, but pretty spot on! Good Job.
0 - Adolfo Zepeda• 50
@adolfin07
Submitted
What are you most proud of, and what would you do differently next time?
min witdh maybe
What challenges did you encounter, and how did you overcome them?
none
What specific areas of your project would you like help with?
mexico on top
Chrision Wynaar• 110@Clipzorama
Posted
If you want to get a the --soft-violet color overlay with the black and white picture, try putting the image inside of a div container and use the pseudo element ::after.
You wouldn't want to put content in here but what you can do is make this property fit the entire div container and then use mix-blend-mode, background-color and opacity. Doing this should turn the picture purple.
For next time, try to use a higher % relative unit for the div that holds all content because your design is more square-shaped when it should be a rectangle.
Marked as helpful
0
