Skip to content
OverviewSolutions
6
Comments
21

Mandriva 19

@mandriva19330 points

🥷🏻

Latest solutions

Latest comments

  • Josh Javier•930
    @joshjavier
    What are you most proud of, and what would you do differently next time?

    I finally figured out how to bundle CSS and JS with Eleventy! I used Lightning CSS and esbuild for bundling CSS and JS, respectively. Next time I plan to maximize the features of these bundlers, like transpiling modern syntax, minifying, etc.

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

    Feedback on accessibility is welcome!

    I used instant and afterward validations for the input fields, with errors that have aria-live="assertive". For submit validation, if there's more than one invalid field, I show the error messages with aria-live="off" and instead announce a screen reader-only error summary indicating the number of invalid fields.

    Intro component w/ signup form using 11ty, Valibot, and bundled CSS/JS

    #accessibility#eleventy#cube-css
    1
    Mandriva 19•330
    @mandriva19

    you got that thing about doing projects which is very rare. it's very detailed and organized. as always. keep going with it!

  • Mandriva 19•330
    @mandriva19

    hmm you happened to use AI for writing up the description?

  • Mandriva 19•330
    @mandriva19

    good solution!

    could this be considered as a issue? it doesn't count days above 12months as a year https://i.imgur.com/yHpU4ho.jpg /// it should be 32 years here, I think. or is it just the way it's programmed? i don't know. good luck

  • Mandriva 19•330
    @mandriva19

    hello

    yes, project clearly needs improvements but it's a good start! keep coding and things will fall into place. I would recommend taking on less difficult challenges on the site.

    good luck!~

  • Mandriva 19•330
    @mandriva19

    very impressed with this solution. it's clean and responsiveness is on point. the way project is structured is peaceful @ ~

    thanks for providing helpful resources!

    also the hardest part of completing FEM challenges for me, is positioning background images on the responsive layout. seems like you have nailed that with calc function, I usually write 40 lines of css and it's still breaks xD

    .... Just opened the page if Firefox (latest) and it renders content quite weirdly. https://i.imgur.com/WzRsT8k.jpg

    Good luck!

    Marked as helpful
  • Mandriva 19•330
    @mandriva19

    Good solution. layout looks good, only between 500-700px there's glitch https://i.imgur.com/v2P9OAY.jpg

    regarding screen sizes, that's the thing with responsive design - you have to make it look nice on all common viewports. if you are provided with mobile/desktop mockups only, you're going to have to craft middle ground (tablets, mid-screens) yourself. generally is a good practice.

    @good luck~

View more comments