All comments

• 

  foxynoxy•470

  @purplehippo911

  Submitted over 2 years ago

  

  Multi-steps form made with Vue and Vite

  #vite#vue#sass/scss

  1

  30
  

  Lucas Matheus•400

  @Lukiticas

  Posted over 2 years ago

  Hi foxynoty, you project looks phenomenal! i would just recommend checking your image tag and making sure it occupies all its container height then using object-fit: cover to make the image cover it.

  About your question, i made the same project using the tools you described, pinia and vuelidate (but its quite the same as veevalidate). Some tutorials that really helped me was the following:

  • pinia from laith
  • composition API pinia from learnVue
  • docs from vuelidate, they are phenomenal, its very straightforward

  0

  Marked as helpful
• 

  Lucas Matheus•400

  @Lukiticas

  Submitted almost 3 years ago

  

  countries with map, pagination and news!!!

  #react#react-router#styled-components#fetch

  2

  60
  

  Lucas Matheus•400

  @Lukiticas

  Posted almost 3 years ago

  Hey, how can i ignore these HTML errors? it came from the framework itself and the libraries i used, i don't know if there is a workaround...

  0
• 

  Antoine C•1,240

  @mattari97

  Submitted almost 3 years ago

  

  Calculator App | SvelteKit - Tailwind - TS | w/ Keyboard Navigation

  #accessibility#svelte#tailwind-css#typescript#fetch

  1

  83
  

  Lucas Matheus•400

  @Lukiticas

  Posted almost 3 years ago

  Wow! I'm here just to admire your project, this is incredible. Did svelt make things easier for you? I'm trying to learn react but i'm not that sure if i choosed the right framework.

  Again, this is one of the best from the entire site. Bravo!

  1
• 

  Ashton Harvey•40

  @AshtonHarvey

  Submitted almost 3 years ago

  

  Responsive QR code component using HTML and SCSS

  #parcel#sass/scss#bem

  1

  30
  

  Lucas Matheus•400

  @Lukiticas

  Posted almost 3 years ago

  Hi!!! Well, it does, if i'm not wrong body and html tag aways follow the screen's viewport. You could make a parent tag that would wrap the card, and set its width and height to 100%, or 100vw and 100vh, then making it "display: grid" and "place-item: center" will center everything inside.

  1