Skip to content
OverviewSolutions
7
Comments
7
Mahmud Kabir Usman
@Miranusm

All comments

  • Edwin Hudson•230
    @edwin-hudson
    What are you most proud of, and what would you do differently next time?

    I'm proud of being challenged to work around sections using the grid. I mostly position my cards and template only with flexbox.

    Responsive testimonial grid section

    1
    Mahmud Kabir Usman•80
    @Miranusm

    great job, the errors are so small that you cant even recognize. but the size of the profile pictures are larger than the once in the design, thank you

  • Farid_Danilo•140
    @FaridDanilo
    What are you most proud of, and what would you do differently next time?

    I am proud to have achieved this new CSS Grid method to achieve flexible and unique web designs.

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

    I faced the challenge of knowing how to correctly position the cards as requested in the desktop design. I tried several ways and none of them worked out the way I wanted. So, in order to solve this obstacle, I asked for help in the Discord community, specifying my stagnation on how to correctly position the cards.

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

    I would like more help and support in learning and improving with CSS Grid, as it is something new for me and something new to learn and strengthen in my daily life.

    Flexible Cards Layouts

    2
    Mahmud Kabir Usman•80
    @Miranusm

    hello, youve done a greate job next time check the position of the card it is suppose to be the same, thank you

  • Mahmud Kabir Usman•80
    @Miranusm

    Great job

  • Mahmud Kabir Usman•80
    @Miranusm

    great goj but in the future please arrabge the table with the same sive and font color as the sample

  • fatihaosman•50
    @fatihaosman
    What specific areas of your project would you like help with?

    I’d appreciate help with making the layout feel more balanced on desktop. Right now, the design looks a bit too narrow or “slimmed down” on larger screens, and I’m not sure if I’m using the right Tailwind width and max-width classes to make it look better across breakpoints.

    Since this was a mobile-first challenge, I want to make sure the design stays clean on small screens but also scales up properly on tablets and desktops without feeling squeezed.

    Any advice on how to improve the responsiveness and spacing, especially on larger viewports, would be really helpful.

    tailwindcss

    1
    Mahmud Kabir Usman•80
    @Miranusm

    good job, but the font sizes are not similar so please cross check and be more careful about them

  • Bvega•40
    @Bvega
    What are you most proud of, and what would you do differently next time?

    I’m proud of achieving a pixel-perfect match to the Figma designs, with accurate sizing, spacing, and a crisp offset shadow. Next time, I’d streamline my workflow by automating snapshot exports and maybe explore CSS Grid for layout flexibility.

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

    Variable font integration: Loading the Figtree weights via @font-face took some trial and error. I solved it by testing static fallbacks alongside the variable font in different browsers.

    Box-shadow precision: Reproducing the exact 8px offset, 0px blur shadow required zooming in on Figma’s inspector and tweaking values until it matched.

    Ensuring keyboard accessibility: Making the title link focus-friendly meant adding clear outline styles and testing with the Tab key. Also trying to upload the project to github pages as far as they changed the whole process and it was not very clear what the steps needed to be taken.

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

    Adding a dark mode toggle driven by CSS variables

    Implementing visual regression tests (e.g. with Storybook or Playwright)

    Enhancing overall accessibility, such as ARIA roles or better focus management

    Blog review card

    1
    Mahmud Kabir Usman•80
    @Miranusm

    the code is okey but the learning bagde is too long

  • lehlabs•10
    @lehlabs
    What are you most proud of, and what would you do differently next time?

    I am confident that I have completed the challenge with not so many hardships

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

    Having to make it responsive well i still think i didn't do good of a job

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

    learning more CSS and how to place things without hardships

    Simple QR Code Component with Responsive HTML & CSS

    #accessibility
    1
    Mahmud Kabir Usman•80
    @Miranusm

    well in my solution i add a footer in which there is'nt in the design