Betelhem
@ManaIsraelAll comments
- @damienbraceSubmitted about 2 years ago@ManaIsraelPosted about 2 years ago
@damienbrace this is actually your live site URL: https://damienbrace.github.io/QR-Code/index.html You could find a solution for the 404 not found error by some googling or searching the youtube. You could watch tutorial videos on how to get the correct live site URL for your page. but for now i tried to figure out which could be the right live site url for your solution and i found it to be the one i wrote on the above. Please Check! Good Luck on your Journey!
0 - @AlexMartosPSubmitted over 2 years ago
I found making the component mobile responsive the hardest. To keep the buttons etc. look as good on mobile as it does on desktop.
Question: What is the best CSS unit for mobile first development?
- @JumanjigobezSubmitted over 2 years ago
Perfectly done within 30 minutes challenge. Try also by setting yourself a time. Otherwise A m ready for feedbacks, especially the dice button challenged me a little through position absolute Kindly give me a hand on this.
Thanks in Advance for viewing this and liking it.
@ManaIsraelPosted over 2 years ago“center image with position absolute”, for your dice button
.advice_btn{ margin: 0; position: absolute; left: 50%; -ms-transform: translateX(-50%, -50%); transform: translateX(-50%, -50%); }
I Googled it: 👆😇
1 - @angusgeeSubmitted over 2 years ago
Hey fellow front-end fans!
- In the media query, how could I have moved the image up a little? It appears to sit too low.
- Is the layout of the page okay overall? Bear in mind I don't have pro yet so I didn't have the exact design.
- Is the layout of the mobile page okay overall?
- Do you have any other feedback about the way I coded this, please?
Thanks for reviewing. Help appreciated!
@ManaIsraelPosted over 2 years agoI think you could do this since you're not using img tag for displaying the images: background-image: url(/FrontEndMentor01/images/image-product-mobile.jpg) center no-repeat;
Marked as helpful1