Skip to content
OverviewSolutions
8
Comments
8
newJSHacker
@laravue-18

All comments

  • newJSHacker•90
    @laravue-18

    Great Job!

  • tmykkanen•140
    @tmykkanen
    What are you most proud of, and what would you do differently next time?
    • I implemented google font using @import url
    • I focused on trying to use as much vanilla css as possible. I still used tailwind for general reset and a few utility classes.
    • I tried <header> as a semantic html tag (rather than just the wrapper for a header nav).
    • I continued to improve my understanding of CSS Grid and @container queries.
    What challenges did you encounter, and how did you overcome them?
    • I was trying to use a global css variable for setting my container query. Looks like it's not possible (due to the variable belonging to :root and container query not having a context).
    What specific areas of your project would you like help with?
    • Did I use <header> correctly?
    • Any suggestions on how best to organize the css? Does putting the grid-column: in a style tag on the element being placed make the most sense? I could write a class (e.g. .daniel-card or something more semantic .col1-span2), but this seemed the neatest for organization.

    Testimonials Grid Section w/ Astro + Tailwind

    #astro#tailwind-css
    1
    newJSHacker•90
    @laravue-18

    Great Job

  • Xianort•170
    @xianort
    What challenges did you encounter, and how did you overcome them?

    At first, I didn't know how to achieve the challenge layout. I thought about using Grid with Flex and an extra div for the two middle boxes, but I figured out a way to do it with a three-column by two-row grid. I made the first and last boxes span two rows, and centered them using align-items property, which did the trick.

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

    Help with code and accessibility is welcome.

    Four Card Feature Section | Tailwindcss

    #accessibility#tailwind-css
    1
    newJSHacker•90
    @laravue-18

    Great Job

  • newJSHacker•90
    @laravue-18

    This is not code for this challenge

  • newJSHacker•90
    @laravue-18

    Good job!

  • newJSHacker•90
    @laravue-18

    Good job! But this isn't pixel perfect.

  • ELIENAI JONATAS CERQUEIRA•70
    @Bolever
    What are you most proud of, and what would you do differently next time?

    cara me orgulho de ter aprendido sobre o clamp() que me ajudou muito dessa vez fiz com mais calma sem distrações e ai correu bem

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

    não sabia como dar responsividade nas letras ai pesquisei no chatGPT e ele me mostrou o clamp isso me ajudou muito nesse exercicio pois nao conhecia isso

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

    todo feedback sera bem vindo

    html e css

    #accessibility#bem
    1
    newJSHacker•90
    @laravue-18

    Good job! Thank you for sharing your project. You've done a commendable job implementing semantic HTML, responsive design, and accessiblility features.

  • Bruno Soares•60
    @felipebss1
    What are you most proud of, and what would you do differently next time?

    I'm proud I could finish it. I didn't give up. Although it's a simple challenge, it took me a while to finish, since i'm kinda perfectionist and I wanted it to be as close as possible to the original design.

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

    The only challenge, imo, was to make it pixel-perfect. I know i didn't achieve it perfectly, but I could make it as close as possible.

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

    I was kinda lost with flexbox, but I could make it anyway thanks to the documentation.

    This challenge only used Pure CSS and Flexbox

    #pure-css
    1
    newJSHacker•90
    @laravue-18

    Great job! You built this as close to the design as possible. One suggestions: consider using rem units instead of px, to make the design more scalable and accessible across devices. Keep up the good work - you're definitely improving. Looking forward to seeing your next solution!