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

Declan

@DeclanLacey300 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

  • Responsive website built using Angular 18

    #accessibility#angular

    Declan•300
    Submitted 10 months ago

    0 comments
  • Fully responsive and accessible project built using Angular 18

    #accessibility#angular

    Declan•300
    Submitted 10 months ago

    1 comment
  • Hangman Game built using React and a REST API

    #accessibility#react

    Declan•300
    Submitted 12 months ago

    0 comments
  • Audiophile website built using React.js

    #react#react-router

    Declan•300
    Submitted over 1 year ago

    1 comment
  • Kanban Task Manager built using React.Js

    #react#vite

    Declan•300
    Submitted over 1 year ago

    0 comments
  • Responsive multi step form built using React

    #react#vite

    Declan•300
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Gagan•60
    @GaganRatakonda
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    Developed this component quickly while keeping it responsive.

    What specific areas of your project would you like help with?

    Any feedback would be appreciated.

    Order Summary Component

    1
    Declan•300
    @DeclanLacey
    Posted 10 months ago

    Fantastic job! The one piece of advice I would have would be to keep a close eye on how the size of your component matches up with the given design. It seems like your is a bit smaller than the given design. If you have access to the Figma files it can be a big benefit as you can see the exact size that something is supposed to be. Keep up the good work!

  • Mano4life•70
    @Mano4life
    Submitted over 1 year ago

    pricing component with toggle

    1
    Declan•300
    @DeclanLacey
    Posted over 1 year ago

    Great job!

    Other than the prices in your design being different (not sure if this was intentional or not) and the sizes of some elements being a bit too small in your design (you can find the exact pixel size in the Figma file to better match the designs) you overall did a nice job!

  • Ed-dyb Abdelilah•1,560
    @eddybpro
    Submitted over 1 year ago

    Fylo dark theme landing page with ReactJS + Vite

    #accessibility#react#vite
    1
    Declan•300
    @DeclanLacey
    Posted over 1 year ago

    Great job overall!

    One thing that I would work on would be pixel perfect design. By this I mean getting the CSS as close to the Figma design as you possibly can. If you look at them side by side you will notice some things are too big or too small compared to the Figma design. Really use Figma to your advantage as it will tell you the exact pixel size of most things in the desing.

    Happy coding!

  • ccrump1280•30
    @ccrump1280
    Submitted over 2 years ago

    Responsive Landing Page Using CSS Flexbox, Semantic HTML and JQuery

    #jquery
    1
    Declan•300
    @DeclanLacey
    Posted over 2 years ago

    I wouldn't say there have really been any scenarios where it made sense to do desktop first, and the main reason for that is that it is easier to do mobile first and usually saves you some work. As with the mobile design, you will set up the general way the sections look and just have to change the way they are placed or the sizes of text etc. Although for a small design like this its probably not the end of the world. Nice job overall!

    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