Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
5
Todd Moussallem
@rtoddm

All solutions

  • Responsive Employee Info Page


    Todd Moussallem•110
    Submitted 4 months ago

    I'll always take advice on improving especially around my CSS. I've used "rem" through most of this project. Is there a better way? And if so what is the benefit of doing it differently?


    0 comments
  • Basic page made with HTML and CSS


    Todd Moussallem•110
    Submitted 6 months ago

    I can always use advice around CSS specifically. See anything that could be done better or something that doesn't adhere to "best practice?" Feel free to let me know.


    0 comments
  • Newsletter Signup Page built with JavaScript


    Todd Moussallem•110
    Submitted 11 months ago

    Three Quick Areas:

    1. Is there a better way to use "rem" in my CSS (best practices) that I failed to implement?
    2. Does my JS form validation adhere to "best practices" or have I implemented that functionality in an eccentric or "hacky" fashion?

    1 comment
  • Responsive Article Preview Component


    Todd Moussallem•110
    Submitted about 1 year ago

    2 comments
  • Responsive e-learning page using Flexbox.


    Todd Moussallem•110
    Submitted about 1 year ago

    I have two issues that I don't understand:

    1. Why is there a scroll bar visible at the bottom of the page when looking at the desktop version of the site? I have set the width and height according to the specifications on the Figma design docs. I'm sure it's a mistake in my CSS but I don't know how to solve it.

    2. Why is there so much space between my top section, which holds the "hero-image" at the top of the page, and the bottom section of the page? Again, I've set the height and width of the page according to the design docs but it still seems as though I can't get the spacing just right.


    1 comment
  • Responsive Recipe Page


    Todd Moussallem•110
    Submitted about 1 year ago

    Because I struggled with making the site responsive I would appreciate anyone's feedback around my use of Semantic HTML Tags, Flexbox, and the way I wrote the CSS code to be responsive. Specifically:

    1. Do my HTML tags and structure meet what is generally accepted as best practice?
    2. Does my use of FlexBox meet generally accepted best practice? If not, how could I improve it?
    3. Does my responsive CSS (media queries) look properly structured? If not, how could I improve it?

    0 comments
  • Static QR Code built with just HTML and CSS.


    Todd Moussallem•110
    Submitted about 1 year ago

    Have I completed this challenge as intended? The design file in figma does not show any additional background but the "preview" file shows an additional background applied behind the grey box background.


    3 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