Looking to hire developers?
@dadko44
@muhammadshajjar
Submitted
Hello, everyone! 👋 Here goes my solution to this challenge, always try to make it better.
how to make it compatible for other browsers too especially safari except "google chrome" because I used that one.
I would love to have a look at your approach too. Feedback on how to make solutions simpler, best practices, or anything that would be helpful for me or anyone would be highly appreciated...
Thanks!
@dadko44
Posted
Hello,
great solution Mate, really good job with typography and positioning. I was occupied with some duties but I'm looking forward to seeing more of your projects.
Hope You're well, keep up the good work
@muhammadshajjar
Submitted
I tried my best to get as close to the design, but the problem I faced is that how I know how much padding, margin height width is required, means how to get the pixel-perfect result. Your suggestion and quick feedback on my work is highly appreciated. Thanks!
@dadko44
Posted
Hey man, sorry to have kept You waiting.
Your solution looks awesome, I took a look at your code and couldn't spot any things I would change.
Keep up the great work.
@dadko44
Submitted
Hello everyone,
always looking forward to receiving feedback from You. Let me know about thing I did wrong or any good practices I should have used.
Have a great day.
@dadko44
Posted
Oops! looks like I forgot about background pattern but honestly it was barely visible when I looked at the design.jpg file on my screen and it must have just blended into the background after a while for me.
Anyway - I'm going to leave it like that.
@SJ-Nosrat
Submitted
In the mobile design I've wrapped my images in a <figure> tag and applied a background-color to the tag. The reason is the use of the "mix-blend-mode: multiply" in CSS to the <img> tag to obtain the overlay effect, since the <img> tag will use the parent's container background-color to achieve this effect.
However, you'll notice that the <figure> height is much taller than the actual image, and I get the horizontal pink/purple line.
How to I overcome this?
Thanks in advance!
@dadko44
Posted
Hello, your solution looks great. I'm not really in the position to give feedback as I'm still learning a lot of basics but the only thing that I would change would be:
Great work, keep up the good work :)
Marked as helpful
