Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
13
Jim Barnett
@jamesbarnett

All solutions

  • Time Tracking Dashboard Vanilla JS, Lots of CSS Custom Properties

    #accessibility#cube-css#vite

    Jim Barnett•260
    Submitted 12 months ago

    Can I do anything about the lower corners of the cards?


    1 comment
  • Newsletter Signup - Vite/Vanilla JS/Responsive/Flex/Grid/dialog

    #accessibility#cube-css#vite

    Jim Barnett•260
    Submitted 12 months ago

    Suggestions to improve the javascript for managing the dialog. Am I missing any obvious, well-adopted best practices, etc.?


    1 comment
  • Article Preview Card - Vanilla JS, Cube-CSS, Flex

    #cube-css#vite

    Jim Barnett•260
    Submitted 12 months ago

    Anything that can be improved. Thanks for taking a look!


    1 comment
  • Meet Landing Page - Responsive, Elixir, Phoenix, CubeCSS

    #elixir#phoenix#cube-css

    Jim Barnett•260
    Submitted 12 months ago

    Anything that improves accessibility, responsiveness, or elegance. I am also interested in thoughts on my implementations of the hero at different sizes, the vertical line/section number, and alternative implementation approaches as well.


    0 comments
  • Testimonials Grid - Responsive, Vue/Vite/TailwindCSS, Cube CSS

    #tailwind-css#vite#vue#cube-css

    Jim Barnett•260
    Submitted 12 months ago

    Overlooked design details, any suggestions with respect to Vue, and I am always looking for constructive criticism on responsiveness and accessibility. Like were there any opportunities to use aria- tags that would make a meaningful improvement?


    1 comment
  • Four Card Feature Section - Svelte/Vite/Tailwind/PostCSS/GHPages

    #svelte#vite#tailwind-css

    Jim Barnett•260
    Submitted 12 months ago

    I would love to hear alternative approaches to achieving the desktop layout of 3 columns with two cards occupying the middle column and the other two cards middle aligned.


    1 comment
  • Results Summary component - Responsive - Vue/Vite

    #vue#vite

    Jim Barnett•260
    Submitted 12 months ago

    I would like to hear feedback on the property bindings for the Summary Item component. I initially wanted them typed, but reconsidered after finding a string example. Any general feedback is welcome, too.


    0 comments
  • Product Preview Card Component - Responsive - Vite, Svelte

    #svelte#vite

    Jim Barnett•260
    Submitted 12 months ago

    Really just wanted to get a feel for Svelte, but am interested in hearing feedback in regards to accessibility (did I miss opportunities to use any aria- features?) and responsiveness.


    1 comment
  • Stats Card - tailwind vite grid flex

    #tailwind-css#vite#accessibility

    Jim Barnett•260
    Submitted about 1 year ago

    0 comments
  • HTML CSS only, flex, grid, vite

    #vite

    Jim Barnett•260
    Submitted about 1 year ago

    1 comment
  • vite nojs fontsquirrel woff2_compress

    #vite#accessibility

    Jim Barnett•260
    Submitted about 1 year ago

    I am interested to hear opinions on the media query.

    • Should it have been decomposed into multiple media queries?
    • Is there a standard practice for media query placement within a css file?
    • I am always looking for feedback on markup structure. Opinionated and nitpicky things are welcome.

    I have two uses of text-align: center. Are there better solutions?


    1 comment
  • Blog Preview Card - Responsive font without media queries

    #vite

    Jim Barnett•260
    Submitted about 1 year ago

    Would it have been better to implement the instructor avatar as a ::before element? Why or why not, or just a matter of taste?

    My use of the hgroup tag... appropriate? Unnecessary? Or maybe you would have used it, but differently. (removed: no longer relevant)

    Any other semantic elements that were used inappropriately or some that I missed an opportunity to leverage?


    1 comment
  • CSS Grid, CSS custom variables

    #vite

    Jim Barnett•260
    Submitted about 1 year ago

    I am particularly interested in hearing feedback related to layout and responsiveness, best practices, and tasteful markup.

    Also, the rounded corners and the spacing between the QR code borders and the containing element.


    1 comment
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