Skip to content
OverviewSolutions
3
Comments
4

Stefan Mohenski

@stefanelli990Niš, Serbia30 points

Let’s dive into the Frontend Mentor challenges! 💻🚀

Latest solutions

Latest comments

  • P
    Sean Langley•80
    @slangley
    What are you most proud of, and what would you do differently next time?

    I like how this one came together. I'm not overly keen with the duplication when using Tailwind, so next time I would likely use variables (either Javascript), or some theming. However I'm trying to use a single repo for all of these, so themes might be a bit harder.

    What challenges did you encounter, and how did you overcome them?

    Responsive layout using Tailwind. I finally understood how it works. The default lower bounds is the smallest, and you specify the boundaries where the layout changes.

    What specific areas of your project would you like help with?

    At this point nothing.

    Tailwind and Next - Social Links

    #tailwind-css#next
    1
    Stefan Mohenski•30
    @stefanelli990

    I noticed you're using Next.js, which is a powerful tool, but for this type of project, you could achieve the same results using plain React without the need for Next.js. Since there isn't a specific need for server-side rendering or dynamic routing here, sticking to React might simplify the setup and reduce unnecessary complexity.

  • P
    Sean Langley•80
    @slangley
    What are you most proud of, and what would you do differently next time?

    I like how this came together. I've been learning NextJS + React + CSS + Tailwind all at the same time (BE + Mobile Dev), so the way of thinking in CSS/Tailwind is a little different.

    What challenges did you encounter, and how did you overcome them?

    The main challenge I had was that in the design, the SVG as displayed was not the same as the asset provided. I never did figure out how to "crop" the SVG in HTML/CSS.

    Also, the Tailwind Box Shadow API wasn't straightforward.

    NextJS + Tailwind Learning - Blog Preview

    #next#tailwind-css
    1
    Stefan Mohenski•30
    @stefanelli990

    I have a couple of suggestions: adding a little gap outside the card, especially on mobiles, and setting the maximum width to 384px, as specified in the design.

  • Cristian Lucero/>•10
    @Cris7ian-tech
    What are you most proud of, and what would you do differently next time?

    What challenges did you encounter, and how did you overcome them?

    What specific areas of your project would you like help with?

    qr-code-component-main. Puro html y css.

    1
    Stefan Mohenski•30
    @stefanelli990

    Consider centering the component within the page. It could help create a more balanced look and improve the overall presentation.

  • Stefan Mohenski•30
    @stefanelli990

    One small suggestion I have is to consider adding a bit more spacing between the component and the footer.