Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
10
P
nikolasladic
@nikolasladic

All comments

  • P
    Matthew•360
    @MattJM1007
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Doing this project felt easier in terms of styling, so feel like I am getting better. Proud of figuring out all the javascript for the form validation

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

    Used google and blackbox ai along with resources provided here to figure out how to correctly write the javascript

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

    any feedback on the code or what can be done better is welcome :)

    Newsletter Sign Up with Javascript Validation

    2
    P
    nikolasladic•120
    @nikolasladic
    Posted 6 months ago

    Centering could be a little bit better but functionality is almost perfect! Error message works, and success view works just fine. On success view you should grad the email address that was submitted (I didn't know how to implement this either but I'm aware of this). All around very good solution, happy coding!

  • Raozhaizhu•580
    @raozhaizhu
    Submitted 7 months ago

    articlePreviewComponent

    1
    P
    nikolasladic•120
    @nikolasladic
    Posted 7 months ago

    Great solution, even made a small triangle! I like it it's better then mine. Sizing it better with round corners will make it perfect! But functionality is there!

  • P
    James D•460
    @jdillard2532
    Submitted 7 months ago

    Meet Landing Page - Responsive, HTML, CSS

    1
    P
    nikolasladic•120
    @nikolasladic
    Posted 7 months ago

    This was a tough one on me too! But looks better then mine. Good job and hope you learned something along the way

  • P
    Richard•410
    @Richard1876
    Submitted 7 months ago
    What challenges did you encounter, and how did you overcome them?

    To make the grid responsive was challenging, i had to relearn how to work with grid

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

    I'm interested in getting feedback on my solution. Please let me know what you think.

    Testimonials-Grid-Section-Main

    1
    P
    nikolasladic•120
    @nikolasladic
    Posted 7 months ago

    Great solution, I've also struggled to make it pixel perfect! But we will get there!

  • P
    Ajibade Ibrahim Kayode•120
    @ajibade-ibrahim
    Submitted 7 months ago

    Four Card Feature Section

    2
    P
    nikolasladic•120
    @nikolasladic
    Posted 7 months ago

    SPOT ON! Great job! Well done, will learn from this!!

  • Mercyaksss•170
    @Mercyaksss
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I didn't think I could do this project because I'd never tried the mobile first approach before, it wasn't bad at all and I'll definitely use this approach next time.

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

    I had problems with the unpredictable layout behavior while using flex-box, I switched to grid and discovered its benefits for responsive design.

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

    I don't think I need any help, it was overall a learning experience for me

    Responsive product card with HTML & CSS using mobile first approach

    1
    P
    nikolasladic•120
    @nikolasladic
    Posted 8 months ago

    Amazing, you did a great job! Yours is bit bigger then original, but it is really good!

  • AMARNATH.•80
    @InvincibleThinker
    Submitted 8 months ago

    Recipe-card

    1
    P
    nikolasladic•120
    @nikolasladic
    Posted 8 months ago

    Great job using REACT, i think only problem is not setting height: 100%

  • Tushar Jetagi•240
    @TusharJetagi
    Submitted 8 months ago

    Social links profile

    1
    P
    nikolasladic•120
    @nikolasladic
    Posted 8 months ago

    Slightly off, but still better them mine :) Good work

  • pchalaia•30
    @pchalaia
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    In this project, I used an SVG image as the container's background. This choice made it easy to keep the image height fixed, no matter how wide it gets, ensuring the design stays consistent on different screens.

    The tricky part was making the font size change based on the screen width without using media queries. That’s when I discovered the clamp() function! With just one line of code, the text size became responsive, adjusting smoothly to different screen sizes. I’m excited to use this simple and powerful technique in future projects.

    Blog Preview Card

    1
    P
    nikolasladic•120
    @nikolasladic
    Posted 8 months ago

    Amazing result! I will learn from this code as it is better then mine! :)

  • Erick-Caua•200
    @Erick-Caua
    Submitted 8 months ago

    Usei display flex e fui alinhando os itens conforme o esperado

    1
    P
    nikolasladic•120
    @nikolasladic
    Posted 8 months ago

    Use media query for responsive design.

    Easy to understand code, little bit bigger then the original.

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub