Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
27
Comments
7
Bobby S
@bobbe86

All comments

  • EmicJoykiller•270
    @EmicJoykiller
    Submitted 4 months ago

    Tip calculator app

    1
    Bobby S•410
    @bobbe86
    Posted 4 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•400
    @maria202costa
    Submitted 4 months ago

    Responsive and Interative layout using JavaScript code

    1
    Bobby S•410
    @bobbe86
    Posted 4 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 6 months ago

    News Letter SignUp

    1
    Bobby S•410
    @bobbe86
    Posted 6 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 6 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 6 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.

  • Nour-Aldin•10
    @nour-aldin
    Submitted over 3 years ago

    Pure Css html

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

    Nice job. Just so you know, they have the colors and fonts used in the style-guide file. I would also try display:flex on your css with justify (content or items?):center and align (items or content):center to get it right in the middle. I never know which one will work so I always try with both. Justify controls the left and right movement while align controls the up and down.

    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