Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
14
jrybarski
@jrybarski

All comments

  • P
    Mirko Zlatunic•250
    @mirkozlatunic
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Generate a random password and make selections based on the buttons below. Also, enable copying the password to the clipboard.

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

    To implement the buttons so that the password code generates specifically based on them, as well as providing the strength value based on it.

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

    N/A

    Password Generator

    1
    jrybarski•210
    @jrybarski
    Posted 3 months ago

    Invalid background color

  • zerowater•190
    @zerowater4704
    Submitted 3 months ago

    Tip calculator

    1
    jrybarski•210
    @jrybarski
    Posted 3 months ago

    pretty good

  • P
    socratesioa•750
    @socratesioa
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of managing to complete this challenge. Having never worked with a JSON file before I wasn't sure how to use it to populate the DOM. After some research I managed to do it and it was very satifsying.

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

    Using fetch. I overcame this by doing some research. It was straightforward after that. This challenge was amazing for practicing basic JavaScript and DOM.

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

    All feedback is always welcome :)

    Time Tracking Dashboard using fetch

    1
    jrybarski•210
    @jrybarski
    Posted 3 months ago

    good job

  • Fatma Tawfeek•210
    @Fatma-Tawfeek
    Submitted 7 months ago

    Newsletter sign-up form with success message

    1
    jrybarski•210
    @jrybarski
    Posted 7 months ago

    Good1

  • P
    Igor•290
    @whiteriver-dev
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Proud of:

    There were some little bugs when 'share state' was enabled and screen was resized.

    Used event listeners to address the issue

    Next time: I will try use Sass CSS or Tailwind. And eventually React when I'm ready for JS.

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

    Had few issues with writing the JavaScript code. Had to pay better attention to the flow of the code and the syntax.

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

    More efficient JS code, how to write cleaner CSS.

    Article Preview Component w/CSS, Flex, JavaScript

    1
    jrybarski•210
    @jrybarski
    Posted 7 months ago

    Good job

  • jrybarski•210
    @jrybarski
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I started working on the mobile layout, which didn’t present any issues. However, I encountered problems when creating the layout for desktop monitors. I had to restructure the HTML and CSS, adding new divs to split a single image into two at the top of the page. ChatGPT didn’t offer any assistance, so I had to figure everything out myself, sketching the solution in my mind to arrive at a proper implementation.

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

    Split a single image into two at the top of the page, next time I will do it much faster, it was my first time with such a problem

    CSS + html landing page layout

    2
    jrybarski•210
    @jrybarski
    Posted 7 months ago

    Does the solution include semantic HTML? Is it accessible, and what improvements could be made?

  • P
    Trần Thành Danh•1,500
    @TranDanh1122
    Submitted 7 months ago
    What specific areas of your project would you like help with?

    welcom any idea and comment have a nice day, thank you!

    Meet Landing Page

    1
    jrybarski•210
    @jrybarski
    Posted 7 months ago

    good one

  • Mohammad Taaha Ashraf•190
    @m-taaha
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Learned how to use Grid. It was a bit confusing for me but actually now I am feeling little comfortable and I realise grid is one of the powerful feature that css is providing.

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

    All Feedbacks are welcomed. But I'll really appreciate suggestions on @media-screen tag.. how to use effectively. I always have hard time with this making it responsive for mobile view.

    Testimonials grid section

    1
    jrybarski•210
    @jrybarski
    Posted 7 months ago

    good one

  • P
    JeremDevX•250
    @JeremDevX
    Submitted 8 months ago

    Four Card Feature Section - HTML / SCSS

    1
    jrybarski•210
    @jrybarski
    Posted 8 months ago

    Does the layout look good on a range of screen sizes? Is the code well-structured, readable, and reusable? Does the solution differ considerably from the design?

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

    I am most proud of completing this exercise, as I was struggling with the responsive aspect and media queries with the product image.

    Next time, I would plan better use of my time, as I this took me a lot longer than it should have. Mostly because of my main issue with the responsiveness.

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

    One main challenge I encountered was dealing with the product image, I was struggling to manipulate the image correctly for both desktop and mobile sizes.

    I overcame this by recognizing that the project came with a separate mobile image (lol i know :D). I researched and learned about using the picture element, which can help with adding in two different images for the browser to use depending on the size of the screen. I was able to succesfully create a responsive layout for both desktop and mobile screen sizes, without manipulating my code/main image too much.

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

    I would love to know how to properly format the cart icon. It felt like no matter what I did to modify it, I could never get it down to a size small enough so that the handle of the cart showed.

    Responsive Media - Perfume Card

    2
    jrybarski•210
    @jrybarski
    Posted 8 months ago

    Does the solution include semantic HTML? Is it accessible, and what improvements could be made? Does the layout look good on a range of screen sizes

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

    Finish the challenge with almost the same challenge required.

    Recipe page.

    1
    jrybarski•210
    @jrybarski
    Posted 8 months ago

    good job

  • Olasubomi123•250
    @Olasubomi123
    Submitted 8 months ago

    Profile_layout

    2
    jrybarski•210
    @jrybarski
    Posted 8 months ago

    Wrong backgroundcolor & 3rd <p> not aligned center

    Marked as helpful
  • DebugNinjaSlayer•100
    @DebugNinjaSlayer
    Submitted 8 months ago
    What challenges did you encounter, and how did you overcome them?
    1. I put the illustration in an img tag, when I set the bottom margin I found that there is still a thin white line under the img tag. Then I learned that I can use display: block; to remove the extra space.
    2. I learned that @font-face can only be used to define custom fonts. font-weight in @font-face definition means the accept range of a font-face. I thought I can inherit font-weight when using the custom font and I was wrong.
    3. In the figma design, there is only the state of hover. I wonder what are the others look like, for example, active, focus, error.
    4. I learned to use object-fit when the size of the container doesn't fit the size of the image in it.
    What specific areas of your project would you like help with?

    I'm all ears to hear anything about this practice.

    Blog Preview Card practice

    1
    jrybarski•210
    @jrybarski
    Posted 8 months ago

    Good job

  • Morgan Walker•10
    @MorganDWalker
    Submitted 8 months ago

    Basic HTML and CSS page to show a QR code

    2
    jrybarski•210
    @jrybarski
    Posted 8 months ago

    Does the solution include semantic HTML? Is it accessible, and what improvements could be made? Does the layout look good on a range of screen sizes? Is the code well-structured, readable, and reusable? Does the solution differ considerably from the design?

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

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