All comments

• 

  P

  Scott Rogener• 50

  @scottyroges

  Submitted 7 months ago

  First time setting up a vite + typescript + react project. Ran into a couple of snags with importing the styled-components library but it ended up just being user error. Once I got past that though the rest felt pretty straightforward.

  I generally like styled-components but there does feel like times where I should be sharing more between my components or am unsure where certain styles should go. For example when doing the mobile version a few of the spacing parameters needed the change and I had to make those adjustments in a few places which felt a little weird.

  

  Vite + Typescript + React + Styled Components

  2

  71

  

  Ruben• 210

  @klabruben3

  Posted 7 months ago

  This is really good😎. I actually need a bit of help on the VITE/React part. I completed a project using react via VITE and I came across a problem I wasn't able to fix and I see you handled it like a champ. I was successful in creating the project, the hiccup was getting a live URL of the website from Git hub that works. The URL I got had some styling not applied. I'd appreciate it if you tell me how u did it.

  you can find the project here https://www.frontendmentor.io/solutions/responsive-design-using-media-queries-SbjsTABvSz

  1
• 

  P

  Jesús Eduardo Ramírez Morales• 120

  @Eddieramirez29

  Submitted 8 months ago

  This is my first soulution I summit.

  Any suggestion or feed-back is welcome

  ¡Saludos!

  

  Social Link Profile

  1

  70

  

  Ruben• 210

  @klabruben3

  Posted 8 months ago

  hi... the design is really cool and you were able to blend in the hover states quite nicely. But I couldn't help but notice that the card is on the top. For that I recommend learning flexbox.... or you can do it the old fashion way of making the position absolute, translating it -50% on the x axis and the y axis, then set the top and left values to 50%.

  ohh also for the font... u can use font-face or link the font from the internet in the head tag :-)

  Marked as helpful

  0

  This comment has received 3 repliesShow