Do you have any questions about best practices?
Asiimawe
@Pablo-cyber21All comments
- @kamiya-nakamiSubmitted over 2 years ago@Pablo-cyber21Posted over 2 years ago
Hello Kamiya lovely and unique build you have put together there love the originality in the use of fonts and the general asthetitic but where improvement maybe the spacing around the bottom parts of the main view.
Another thing is the responsive action of the design possibly the breakpoint of 435px needs some adjustment otherwise super job going mobile first would be the best possible fix.
Pablo.
0 - @stfnpczkSubmitted almost 3 years ago
Hi there, this is my first challenge submission on Frontend Mentor 🎉😄
Any suggestions on how I can improve are much appreciated.
I'm wondering about the best way to implement media queries for the different screen sizes. Micro-Managing the various display sizes with media queries don't feel like the most effective way of doing it, but maybe there's no other way around it ...?
Any recommendations, or code examples you could refer me to in order to write less media queries??
Thanks a lot!!!
@Pablo-cyber21Posted almost 3 years agoReally cool solution you have come up with Stefan I really was astonished of the picture tag and will surely be reading about that . For writing less media queries I would recomend Kevin powell's free Course on responsive layouts hope it can help . https://courses.kevinpowell.co/thanks/conquering-responsive-layouts#
Hope I could be of assistance, Happy coding.
Marked as helpful1 - @salvagedscrapSubmitted almost 3 years ago
Desktop part built with CSS Grid and occasional flexboxes. As for media queries I used good old display:block; and aligned them as well. Please feel free to check it out, any feedback welcome
@Pablo-cyber21Posted almost 3 years agoReally amazing build and the twist on building the desktop part first is one thing I will be doing more often but your project has really made me understand certain concepts of grid better that I didn't know you could od with it,
Happy coding Pablo.
Marked as helpful0 - @MrSagarRBSubmitted about 3 years ago
Stats preview card component By Sagar
@Pablo-cyber21Posted about 3 years agoHey Sagar, awesome build if I am to say so myself .If you don't mind I tinkered with your site and fixed the responsive issue where the site was breaking .
@media only screen and (max-width: 755px){
happy coding and keep on building,
Pablo.
0 - @OscarandioSubmitted about 3 years ago
I couldn't set the distance between the background and the "card" in the correct place, but still looks good. I would appreciate if something gives me a better solution though.
For some reason when I wanted to set the mobile-background couldn't see it. Couldn't fix this.
The rest I think looks pretty good. Thanks
@Pablo-cyber21Posted about 3 years agoNice build, but maybe you can dial down on the opacity on the proceed to payment button link and also remove the padding top from the body and also adding some media queries would make the site responsive.
Hope I have helped a little and happy coding.
Marked as helpful1 - @tix04Submitted about 3 years ago
Hello, Second Challenge Accomplished. Rate my code from 1 to 10. Consider your ratings based on how clean my code is, How close to the mockup I am!! IF there are any errors or improvements please don't hesitate to give me those remarks!! One question, How many viewport dimensions do we have to consider when creating websites?? When I try inspect the responsiveness on chrome dev tools, changing width and height , there are some sizes where the website breaks a little . So my question, do we consider all screen sizes and types of devices?? Is it possible to create a site that works on all screen sizes and devices?? I don't know if this is a very beginner question or not Lol Lol. Thank you!!
@Pablo-cyber21Posted about 3 years agoNot many actually(viewport dimensions) because when we initially create the site with no breakpoints it is perfectly responsive so in other words we break the sites we create .For more clarity on this, my advice is that you try this wonderful course(https://courses.kevinpowell.co/thanks/conquering-responsive-layouts#) on responsive layouts it's free and has a really well structured 21 day curriculum. It really helped me properly wrap my head around the whole responsive layouts dilema.
And on whether it is a beginner question, I don't think it is since these days we as developers have to cater for all these emerging and new mobile devices and at times it can get just a little bit frustrating.
Hope I could be of assistance.
0