Skip to content
OverviewSolutions
16
Comments
2
Ruben
@klabruben3

All comments

  • Scott Rogener•50
    @scottyrogesSubmitted 9 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
    Ruben•210
    @klabruben3Posted 9 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
  • Ruben•210
    @klabruben3Posted 9 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