Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
27
Comments
7

Bobby S

@bobbe86Chicago410 points

Learning the ways of front end development

I’m currently learning...

Flexbox CSS Grid JavaScript

Latest solutions

  • tip calculator app


    Bobby S•410
    Submitted 3 months ago

    Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript. Javascript is always a learning curve that I hope to master some day :)


    1 comment
  • time tracking dashboard


    Bobby S•410
    Submitted 3 months ago

    Understanding the javascript is a huge barrier for me at the moment and I hope by using and applying more javascript to challenges, I will be able to understand the language better.


    0 comments
  • social links profile


    Bobby S•410
    Submitted 4 months ago

    i noticed that there is a black pointer when hovering. I could not get a black pointer so that would be the only area I would like any feedback.


    1 comment
  • bento grid


    Bobby S•410
    Submitted 5 months ago

    i think i need help on more css grid challenges.


    0 comments
  • Multistep Form

    #react

    Bobby S•410
    Submitted over 1 year ago

    1 comment
  • Newsletter sign-up form with success message


    Bobby S•410
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • EmicJoykiller•270
    @EmicJoykiller
    Submitted 3 months ago

    Tip calculator app

    1
    Bobby S•410
    @bobbe86
    Posted 3 months ago

    Great job completing the challenge! It looks amazing. Your code is very clean and easy to read.I also like your naming conventions for your classes.

  • Diamond202•370
    @maria202costa
    Submitted 3 months ago

    Responsive and Interative layout using JavaScript code

    1
    Bobby S•410
    @bobbe86
    Posted 3 months ago

    Great job completing the challenge! Your solution looks great on desktop, but it is not responsive. Maybe consider using CSS Grid for future projects that require these layouts. I am always surprised at how many ways the same project can be created. Great job again!

  • P
    Clyo•180
    @clyo
    Submitted 5 months ago

    News Letter SignUp

    1
    Bobby S•410
    @bobbe86
    Posted 5 months ago

    Great job completing the challenge! Nice job getting everything in its place. I would suggest working on your spacing issues using padding and margin in the CSS. I know it can be a lot of nesting CSS in CSS, but there is more than one way to fry an egg. Good luck on your next challenge!

  • Hendrixx•430
    @BeeAlmighty
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?
    • I am happy i completed this project to the best of my ability.
    What challenges did you encounter, and how did you overcome them?
    • The entire project was a challenge and i overcame by being persistent and disciplined.

    Article preview component

    1
    Bobby S•410
    @bobbe86
    Posted 5 months ago

    Great job completing the assignment to the best of your ability. I was also challenged by the responsiveness of this design challenge. Media queries, flex box, and grid layouts may be something you want to challenge yourself with on future projects!

  • Fernando Costa de Morais•70
    @1fernandocosta
    Submitted over 2 years ago

    Site não responsivo dois layouts desktop e mobile

    1
    Bobby S•410
    @bobbe86
    Posted over 2 years ago

    Great Job! You did very well with the sidebar and lining it along the actual menu and not the viewport. If you want to center the mobile version, I would try margin-inline:auto or margin:0 auto. but it's always trial and error. everything is lined up just like the original. the sizing looks great as well. try using CSS grid for the responsive design and use multiple breakpoints.

    Marked as helpful
  • P
    Mina Makhlouf•1,150
    @Minamakhlouf
    Submitted over 2 years ago

    News Homepage with Grid and JavaScript

    1
    Bobby S•410
    @bobbe86
    Posted over 2 years ago

    Great job. There is a good w3schools link on how to make a sidebar nav that I used for this challenge. I also used grid-temple-areas to make the responsiveness work a little better. my first thought with this layout was grid because of the column and rows. You also did a great job making little changes from the original design.

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