Skip to content
Submitted over 1 year ago

Responsive result summary using HTML Vue and TailwindCSS

Yafi Abyan•40
@abyanfalah
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I'm using Vue cdn for this solution, i wonder if i did it the right way. I put the Vue createApp in a separate file named app.js in the same directory as index.html and call it via tag from the html.

Also, you might notice improper usage of html tags. Although my main focus is slicing the design, accessibility is important and i will learn it in the future. Please give me feedback regarding this particular thing, because currently i don't know what i don't know on this kind of stuff.

And lastly, please check the responsiveness of this solution. I need to know if i did it right.

Any feedback is welcome!

Thank you!

Community feedback

  • Jeury Santos•115
    @jeurysantos1Posted over 1 year ago

    This is what I called a responsive website !! I loved how the UI adapt to different breakpoint I went to read your code and it such easy to read and maintain

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord