Responsive Four Cards with Vue 3, Tailwind CSS, TypeScript, Pinia

Community feedback

• 

  Ilya Andreev•750

  @NeoScripterPosted about 2 months ago

  I like your solution, it looks really neat and corresponds to the design. Two things I would recommend to improve:

  1. Add margin-top for large screens as now the title touches the upper viewport;
  2. Set user-select: none on cards to avoid selecting effect when you click on them.

  The thing I'm curious about is why did you decide to use Vue for that? It doesn't have any interactive elements. You can't ulitize the advantages that Vue gives you as a JS framework. That's it, I hope it helps.

  Marked as helpful

  1

  ---

  

  Ganang Dewana•220

  @FxGanangGHPosted about 2 months ago

  @NeoScripter

  Thank you so much for your kind words and suggestions!

  The main reason I chose to use Vue is to familiarize myself with the environment and basic features as I'm currently learning this framework. I'm focusing on aspects like Single-File Component (SFC) templates and Vue directives such as v-if.

  I believe that getting comfortable with its environment and foundational directives on simpler projects is a good first step in building a solid foundation for more complex projects in the future.

  0

  

  Ilya Andreev•750

  @NeoScripterPosted about 2 months ago

  @FxGanangGH Okay, makes sense. Well, good luck with learning, hope you master it!

  1