Skip to content
OverviewSolutions
3
Comments
2
Weberowsky
@Weberowsky

All comments

  • Richlee-demo•50
    @Richlee-demoSubmitted over 1 year ago

    I would love to know a better way to scale the card across devices. I wasn't sure of how to center the card vertically, would love insight on how to fix that.

    Thank you

    Responsive QR Code

    4
    Weberowsky•70
    @WeberowskyPosted over 1 year ago

    To scale the card across devices you could use vw and vh (Viewport Width, Height) or some other relative values like rem. On some bigger projects if you'd need to change position of the element when its on mobile you could use the media rule

    Marked as helpful
    1
  • Weberowsky•70
    @WeberowskyPosted over 1 year ago

    You have the colors and fonts that you should use in the style-guide.md. Also try to use semantic HTML https://www.w3schools.com/html/html5_semantic_elements.asp

    For example you could use the <main> tag instead of <div id="container"> Also you may want to make your html and body 100vh to center your container vertically

    For the button you should use the <button> tag to make it work like a button. Later if you'd like it to do smth for example change color of the button on hover you'd need a button element, not div.

    Marked as helpful
    0