Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
18
Comments
8

DesignJunkie

@cristi-20Romania370 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Interactive Rating Component


    DesignJunkie•370
    Submitted about 1 year ago

    0 comments
  • FAQ Accordion


    DesignJunkie•370
    Submitted about 1 year ago

    0 comments
  • Blog Preview card HTML and CSS


    DesignJunkie•370
    Submitted about 1 year ago

    0 comments
  • Product Preview Card with HTML and CSS


    DesignJunkie•370
    Submitted about 1 year ago

    0 comments
  • Order Summary Component


    DesignJunkie•370
    Submitted about 1 year ago

    0 comments
  • Stats Preview Card HTML and CSS


    DesignJunkie•370
    Submitted about 1 year ago

    0 comments
View more solutions

Latest comments

  • Koda👹•3,830
    @kodan96
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Made with:

    • HTML 🦴
    • CSS 🎨
    • JS 🤖
    • used jQuery library 📘
    • mobile-first workflow 📲📲
    What specific areas of your project would you like help with?

    if you notice anything or have suggestions, you know what to do 👇👇

    Ecommerce Product Page 🛍️🛍️ w/HTML, CSS & JS

    #jquery
    4
    DesignJunkie•370
    @cristi-20
    Posted about 1 year ago

    Hey! I like your solution very much, but when you press on the image and go to the slider you can't exit from there.

    Marked as helpful
  • Joseph Wangai•200
    @Joseph5404
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Finishing the challenge

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

    Keep the comments coming

    Blog main page

    1
    DesignJunkie•370
    @cristi-20
    Posted about 1 year ago

    Hello and great solution! I have a few suggestions that might improve your code and if you want you can check my solution to see what I am talking about.

    1. Use Semantic Html.
    2. Instead of using absolute units like px, use relative units like rem or em.
    3. Reset all your default styles by using the "*" star selector (you have an example in my css).
    4. Add a transition to make your hover effects smoother.
    5. Instead of centering your div to the page with flexbox which takes 4 properties center it with grid wich takes 2 properties. (Display:grid; Place-items:center;)
  • Stefan Bojkovski•720
    @xStephx
    Submitted over 1 year ago

    Solution Social proof section

    4
    DesignJunkie•370
    @cristi-20
    Posted about 1 year ago

    Great job, it looks great! One thing I would suggest doing different on this is instead of putting so many star images in the html you could do it like I did it with before pseudo class.

    Marked as helpful
  • leodev•530
    @hangtime319
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    In this project I learned a lot about grid layout. It seems like it's an easier layout to adjust than flexbox, but it's limited. I didn't have many difficulties applying responsiveness.

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

    I found few difficulties applying grid layout. But next time I will use other grid layout resources so I don't need to use media queries.

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

    Suggestions on how to simplify the grid layout.

    Four card feature using CSS Grid Layout responsive

    3
    DesignJunkie•370
    @cristi-20
    Posted about 1 year ago

    Very good solution. I didn't think of this. Much more simple than doing it with grid-column or grid-row.

  • Dmitriev Albert•40
    @Dalikk
    Submitted about 3 years ago

    Sunnyside responsive

    #react
    1
    DesignJunkie•370
    @cristi-20
    Posted about 3 years ago

    Hi there, solid design overall! But maybe it would be improved if you make your hero section and footer break out of your container on desktop size. Have a nice evening!

  • MOHAMAD NAZIR MD NAZRI•180
    @NAZIRwill29
    Submitted about 3 years ago

    Responsive huddle landing page with curved section

    #accessibility#sass/scss#jss
    1
    DesignJunkie•370
    @cristi-20
    Posted about 3 years ago

    Your hero image is too big on desktop. Give it a max-width of 100%.

View more comments
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