Skip to content
OverviewSolutions
23
Comments
2
VictorMtzCodes
@VictorMMartinezJr

All comments

  • DevMedic11•20
    @DevMedic11Submitted over 1 year ago

    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"?

    Responsive QR Code

    3
    VictorMtzCodes•350
    @VictorMMartinezJrPosted over 1 year ago

    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.

    0
  • VictorMtzCodes•350
    @VictorMMartinezJrPosted over 1 year ago

    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.

    0