@DevMedic11
Submitted
When it comes to best practices, i know the roars of "mobile-first" will be echo'd through the industry...but what does that really mean? Any tips for how to start designing small, then making things "big"?
@VictorMMartinezJr
@DevMedic11
Submitted
When it comes to best practices, i know the roars of "mobile-first" will be echo'd through the industry...but what does that really mean? Any tips for how to start designing small, then making things "big"?
@VictorMMartinezJr
Posted
Basically what it means is always start with the mobile device in mind. Create the website for mobile devices first then expand your way up tp desktops. Most people will view the web app on a mobile device nowadays. Another reason is that mobile devices are a lot less powerful than desktops, therefore we should try to not have all the things we have on the desktop devices also included in the code for the mobile devices. It will always be easier to add items for desktop later than to remove items for mobile after developing for a desktop first also.
@JoelJPerez
Submitted
@VictorMMartinezJr
Posted
Hello! One easy way to center the item in the middle of the screen is to set the parent element of the QR (which in this case would be the body) to : body { height: 100vh; display: grid; place-items: center }
the height gives it the room of the full screen to work with.