Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
15
Comments
12
Jackson-zablon15
@Jackson-zablon15

All comments

  • Jackson-zablon15•330
    @Jackson-zablon15
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of using react and tailwindcss frameworks for the first time to build a project

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

    I would like help on good practice usage of react framework and tailwindcss framework

    Responsive Contact form

    #react#tailwind-css
    1
    Jackson-zablon15•330
    @Jackson-zablon15
    Posted about 2 months ago

    I would like help in centering the form before using tailwind css with normal css i always used flex in body to center html,body{ width: 100%; height: 100%; } body{ display: flex; justify-content: center; align-items: center; }

    it seems to not work, i guess tailwindcss might be overiding the styles

  • Vedant Agrawal•600
    @vedantagrawal524
    Submitted 3 months ago

    Time Tracking Dashboard

    1
    Jackson-zablon15•330
    @Jackson-zablon15
    Posted 3 months ago

    Hello @vedantagrawal524

    Congratulation on completing the challenge. I liked the way you placed those background icons, I will try to update mine also.

    Just a simple thing, in previous paragraph you forgot to add the respective duration either week or month

    Wish you happy coding journey

    Marked as helpful
  • David Mwalimu•270
    @broken555wheel
    Submitted 5 months ago

    Newsletter sign-up form with success message

    1
    Jackson-zablon15•330
    @Jackson-zablon15
    Posted 5 months ago

    Hello David Mwalimu Congratulation on completing the challenge🙌🙌, i liked the way you used classList toggle to change the page. I changed display property directly, i will use that method next time.

    Some few modification i noticed The success card is not at center, you can use flex display to center it. You also forget to change the email on success component based on the email filled on the field.

    I wish you all the best on your coding journey.💪💪

  • Ayorinde Maryam Oluwatoyin•290
    @MARYAMTEE
    Submitted 5 months ago

    Article component using Javascript

    1
    Jackson-zablon15•330
    @Jackson-zablon15
    Posted 5 months ago

    Hi congratulation on completing the challenge, some few improvements i could see You can adjust the top and right position of .social-icons to position it close to the share icon

    I liked the way you used conditions to toggle the social-icons. You can also try using classList to toggle it too, i think it is good too. btnEl.addEventListener("click", function(){ socialIcons.classList.toogle('active'); })

    I wish you all the best on your coding journey. Happy coding💪

  • Bhuvnesh Upadhayay•2,120
    @bhuvi819381
    Submitted 7 months ago
    What specific areas of your project would you like help with?

    if you can give me feedback or suggestion. please give it'll help me improve.

    Huddle Landing Page with alternating feature block uisng html tailwind

    1
    Jackson-zablon15•330
    @Jackson-zablon15
    Posted 7 months ago

    Hello @bhuvi819381,

    Congratulations on completing the challenge! 🎉

    A small suggestion: adding a box-shadow to the cards would enhance the design by giving the cards more depth.

    All the best on your coding journey—keep up the great work! 👍

    Marked as helpful
  • Anderson Gomes•210
    @andersongomes001
    Submitted 8 months ago

    Testimonials grid section

    1
    Jackson-zablon15•330
    @Jackson-zablon15
    Posted 8 months ago

    Congratulation on completing the challenge, only some few comments to make it more better. Adding some border-radius around the containers The background color of the leftmost container is white

    I wish you all the best on coding journey

    Marked as helpful
  • Rafig•70
    @refikmemmedov
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I made a responsive page using flex and grid

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

    I tried to use both of them but of course it didn't work the first time, I spent a lot of time

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

    I am open to all kinds of comments.

    Resposive page with Grid and Flex

    1
    Jackson-zablon15•330
    @Jackson-zablon15
    Posted 11 months ago

    Congratulation on completing the challenge, it looks almost like the design. The height of the card seems a little higher than that of the design and font weight is somehow high than required. Happy coding 👍

  • P
    Alex•350
    @Sharky83
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    using the data-icon to add svg image to button

    .btn[data-icon="shopping-cart"]::before { content: ""; background-image: url("images/icon-cart.svg") ; width: 15px; height: 16px; }

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

    none really.

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

    would "grid" have been easier to implement?

    Product preview card component

    1
    Jackson-zablon15•330
    @Jackson-zablon15
    Posted 11 months ago

    Congrats on completing your challenge, it is very good. You could also use margin-top to align some elements like in the design. Wishing you nice coding.

    Marked as helpful
  • Gabriel Nascimento•60
    @GabrielNP96
    Submitted 12 months ago

    Recipes Page

    1
    Jackson-zablon15•330
    @Jackson-zablon15
    Posted 12 months ago

    Congrats on completing the challenge. I found following modifications might be helpful -Applying margin-top to the main container so to make it align with the design. -Use Rose-white background color on preparation container and with border-radius. The color of preparation heading is dark raspberry. -Reduce space between items like list and containers to push the bottom up so as to align with design. I wish you all the best and happy coding

  • SkyWeb20•150
    @SkyWeb20
    Submitted about 1 year ago

    Responsive social profile with html css

    1
    Jackson-zablon15•330
    @Jackson-zablon15
    Posted about 1 year ago

    Congratulation on completing the challenge. The site is good. I think you can improve the assigning the height of the solution as that in the design. I usually use photoshop to measure width and height as i don't have access to Figma files. Wish you all the best on the coding journey👍👍. Keep coding💪

    Marked as helpful
  • Madan raj•40
    @Madanraj0519
    Submitted about 1 year ago

    Blog-preview-card using HTML and CSS

    1
    Jackson-zablon15•330
    @Jackson-zablon15
    Posted about 1 year ago

    Hello @Madan raj. Congratulation on completing the challenge and the solution is great.👍👍 One thing i noticed is that it is little above than the design, you can use position:relative; and top property to adjust.

    Wish you all the best😊😊 and keep coding💪💪

  • Imperator7•30
    @Imperator7
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I can now barely use flexbox and I will gonna learn more css because I still don't fully familiar with it

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

    I still can't set the width and height of elements with vh properly so I go back to make it static.

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

    I can't make the border radius of the box and its image to nicely balance to each other.

    non-responsive basic html css

    1
    Jackson-zablon15•330
    @Jackson-zablon15
    Posted about 1 year ago

    Greetings Imperator7

    Great work on this challenge👍👍

    I would suggest using position property alongside with top property to position the site a little more down as in the design. You can also make html document more accessible by using elements like <main> and <section>

    I hope you find it useful. Keep coding(and happy coding, too)!😊

    Marked as helpful
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

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