Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
29
Comments
1
P

Ronan

@CannyRo310 points

Retraining after 6 years in Banking, advising and assisting professionals, business customers and SMEs throughout their professional and personal projects. I'm looking for a professionalization contract with a company based in France to join the Ironhack Paris web development program.

I’m currently learning...

Front-end development with Html, CSS, Javascript/Typescript, ReactJS, NextJS and Angular. Back-end development with NodeJS, Express, Sequelize, MySQL, PostgreSQL and MongoDB.

Latest solutions

  • Responsive Mobile-first product list with cart (Angular 18)

    #angular#typescript#rxjs

    P
    Ronan•310
    Submitted 8 months ago

    Nothing in particular, but always open to comments and criticism that will help me improve.


    2 comments
  • Mobil-first Bento grid with HTML & CSS


    P
    Ronan•310
    Submitted 8 months ago

    A better way of stylizing the whole thing (without using a css framework) to make it simpler, more readable and more efficient (fewer lines). I'm open to any criticism that will help me improve.


    1 comment
  • Huddle landing page with a single introductory section (HTML & CSS)


    P
    Ronan•310
    Submitted 8 months ago

    Always open to comments and criticism that will help me improve.


    0 comments
  • Ping single column coming soon page (HTML, CSS, Javascript)


    P
    Ronan•310
    Submitted 8 months ago

    Always open to comments and constructive criticism that will help me improve.


    0 comments
  • Mobile-first Single price grid component with HTML & CSS


    P
    Ronan•310
    Submitted 8 months ago

    Always open to observations that will help me improve.


    0 comments
  • Mobile-First Intro component with sign-up form (HTML, CSS, JS)


    P
    Ronan•310
    Submitted 9 months ago

    I don't know. But as always I'm open to any constructive comments that will help me improve.


    0 comments
View more solutions

Latest comments

  • P
    Wilson Andres Quintero Cardona•260
    @waquintero-ia
    Submitted 9 months ago

    Pod request access lading page React + Tailwind

    #accessibility#react#tailwind-css
    1
    P
    Ronan•310
    @CannyRo
    Posted 9 months ago

    Good job, I also had trouble with the responsive behavior of the backgrounds. Depending on the size of the window, the rendering may look a little unsightly, but the behavior remains consistent, and the mockup doesn't allow for a better interpretation.

    2 areas for improvement :

    • in the banner with the logos, you've given them all the same size; but the source files don't have the same dimensions and proportions. You should therefore specify the exact size of each logo according to the layout.

    • in the form, you use an email input, which is perfect from a semantic point of view and much easier to check the validity of the input. On the other hand, it still doesn't allow you to manage error messages when the field is empty and submitted or when the value input is in the wrong format (with the appropriate error message displayed and the input border in red).

    I'm sure you'll be able to sort out these details easily 😉.

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