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

Darren Draper

@darren-2016Brisbane, Australia50 points

Senior Software Engineer. C/C++, Python, IoT, Embedded, Applications, CoderDojo Mentor. Tech Enthusiast, PostGraduate Student.

I’m currently learning...

Web development technology

Latest solutions

  • Social Media Links, using HTML and CSS


    Darren Draper•50
    Submitted about 1 year ago

    Any feedback on my solution appreciated.


    0 comments
  • HTML CSS Flexbox


    Darren Draper•50
    Submitted about 1 year ago

    Would be great to receive any constructive feedback to improve my HTML and CSS skills.


    0 comments
  • QR Code Component Challenge using HTML and CSS


    Darren Draper•50
    Submitted over 1 year ago

    Nothing in particular, however any feedback is appreciated.


    2 comments

Latest comments

  • Manpreet Singh•190
    @Manpreet-01
    Submitted about 1 year ago

    social links profile

    2
    Darren Draper•50
    @darren-2016
    Posted about 1 year ago

    This solution looks good, replicating the layout and style of the original design. The implementation works well on a range of screen sizes.

    Unable to comment on the code as the View Code button doesn't appear to link to the relevant repo.

    Great work!

  • Bhavy Jogani•20
    @bhavy-j
    Submitted about 1 year ago

    Blog preview card

    1
    Darren Draper•50
    @darren-2016
    Posted about 1 year ago

    The code is well structured. It might be improved by moving the style information into a separate stylesheet CSS file. This has the benefit of more maintainable and readable code, particularly in projects that are likely to grow.

    The solution closely matches the design in most aspects. The'HTML & CSS foundations' heading should ideally match in colour to the design.

    The card dimensions could also be tweaked to match the size of the design.

    Overall a nice solution.

  • Javier Alberto Vásquez Suárez•700
    @JaviVaSu
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    .

    What challenges did you encounter, and how did you overcome them?

    .

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

    .

    Responsive QR Code Component

    1
    Darren Draper•50
    @darren-2016
    Posted over 1 year ago

    Good clear design and implementation. The source code is well structured, both the home page (index.html) and the stylesheet (style.css). It's clear to follow, and concise. The separation of concerns is well implemented, with index.html handling the content and structure, and style.css defining the presentation.

    The layout is responsive when tested using the Developer Tools across various viewport sizes, and the look of the component closely reflects the original design.

    Well done Javier on a great implementation!

    Marked as helpful

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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