You can use percentage or viewport width to make consistent margin as the screen size is reduced
Marked as helpful
Looking to hire developers?
I presume my solution is about right (by comparing to the design). In this case my question would be: is there a more efficient way to code this responsive page? P.S. I am new to Github and how it works - I learned the basics for this exercise.
@vanzasetia
Posted
👋Hi Alex! My name is Vanza!
For your question, in my opinion yes there is more efficient way to code this solution, but my question for you is that, what kind of efficiency part that you want to know? Best practices, the HTML or the CSS?
Try to give padding
to your body
style on mobile screen size (<400px width), since right now the card fill the entire screen of my phone.
You can use background-blend-mode: multiply
, for the purple overlay.
Since you're new to Git and GitHub, you can try to learn Markdown, so your README.md
file would be much better.
That's it! Hopefully this is helpful!
Marked as helpful
@chillcodemao
Posted
@vanzasetia hi, nice to meet you. Thanks for the feedback, it's very welcome. I'll check your suggestions to find out more, thanks for the tip with markdown.
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