Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
12
Comments
6

Carl Jones

@jones9411Selby, North Yorkshire200 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Pod request access form

    #sass/scss

    Carl Jones•200
    Submitted over 3 years ago

    1 comment
  • Ping landing page


    Carl Jones•200
    Submitted over 3 years ago

    0 comments
  • Equalizer landing page with sass


    Carl Jones•200
    Submitted over 3 years ago

    1 comment
  • Meet landing page with sass


    Carl Jones•200
    Submitted over 3 years ago

    0 comments
  • Huddle landing page with Scss


    Carl Jones•200
    Submitted over 3 years ago

    1 comment
  • Four card landing page


    Carl Jones•200
    Submitted over 3 years ago

    2 comments
View more solutions

Latest comments

  • Kareem Hesham•60
    @Kareemhesham2005
    Submitted over 3 years ago

    Space Challenge Made By Me With HTML5, Css3, JavaScript

    2
    Carl Jones•200
    @jones9411
    Posted over 3 years ago

    Not a problem but instead of having different pages for everything which slows down your website a lot, and the constant loading of new pages is a bit jarring, for example instead of having three HTML pages for the Destination page you could have had just one and used javascript to dynamically alter the page content.

    Marked as helpful
  • Artem Marchenko•50
    @ArtemVMV
    Submitted over 3 years ago

    Practice HTML & CSS is never to much =D

    1
    Carl Jones•200
    @jones9411
    Posted over 3 years ago

    hi @ArtemVMV, you attached the background images to the HTML selector in the CSS, try instead attaching them to the body tag instead.

    Marked as helpful
  • Stefan•180
    @st3wn
    Submitted over 3 years ago

    Responsiv 4 Column Challenge

    1
    Carl Jones•200
    @jones9411
    Posted over 3 years ago

    Hi @st3wn, you could add something like " box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.26); " to the .block in your css file, should apply to all for of your blocks this way.

    You could also use this to learn more about making box shadows
    https://html-css-js.com/css/generator/box-shadow/

  • Djordje•70
    @Djokaras
    Submitted over 3 years ago

    CSS Grid Flexbox

    1
    Carl Jones•200
    @jones9411
    Posted over 3 years ago

    hi @djokaras,

    you have put the container width at 75%, this will be true on smaller screens as well, so the content within will over flow onto the rest of the page. try setting a min-width first then set a width that fits the content after. Also you need to use the background no-repeat fot the background images.

    Marked as helpful
  • AleksandarV91•570
    @AleksandarV91
    Submitted over 3 years ago

    Pod request access landing page HTML, CSS Flexbox, JavaScript

    2
    Carl Jones•200
    @jones9411
    Posted over 3 years ago

    Hi, it appears that when you load into the page that the error message is already there, you should add the eventlistener to the on-click of request access button. This way it's only when the form button is clicked will the error show itself. e.g button is clicked => check if there is a valid email => if not show error message => if there is show pop up message. This is the work flow I will implement for this challeng. Hope this helps

  • Danny•10
    @Danny-for
    Submitted almost 4 years ago

    Order Summary | challenge html and css

    3
    Carl Jones•200
    @jones9411
    Posted almost 4 years ago

    HI @danny-for,

    Good job on the solution, I've just done this one myself as well. The advice I was given was to use more semantic HTML tags like main, section, header, etc.

    Also maybe use some more padding/margin to add a little bit more space between elements

    Well done, Carl

    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