Skip to content
OverviewSolutions
7
Comments
7

Zulkifli Firdausi

@Zulkifli70100 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • P
    BlonoBuccellati•310
    @BlonoBuccellati
    What are you most proud of, and what would you do differently next time?

    I focused on CSS architecture, primarily building around the creation of design tokens. Global base styles were also applied to the body element. This approach was inspired by OOCSS (Object-Oriented CSS) and CUBE CSS.

    For folder structure, I followed the conventions used in Bulletproof React.

    To improve component reusability, I utilized the cva library. Although I haven't yet used cva in the actual project, I learned how to use it and how to create components with it by referring to shadcn/ui.

    What specific areas of your project would you like help with?
    • Are there any parts of the current code that could be made more semantic?
    • Are there any unnecessary CSS styles that could be removed?
    • Is there a way to write the CSS in a cleaner or more maintainable way?

    If you notice anything else that could be improved, feel free to let me know.

    Testimonials grid section using tailwindcss, next.js

    1
    Zulkifli Firdausi•100
    @Zulkifli70

    Great Job!!

  • Zulkifli Firdausi•100
    @Zulkifli70

    Try using box-shadow instead of border on the card, so it looks like the example design, overall good 👍

  • Zulkifli Firdausi•100
    @Zulkifli70

    Good job 👍

  • Zulkifli Firdausi•100
    @Zulkifli70

    add border radius to preparation time, adjust the list. overall is good 👍

  • Jessica•70
    @JesNetWD
    What are you most proud of, and what would you do differently next time?

    I think I did very well on researching while doing this, I applied everything I learnt properly.

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

    I had a problem with vertically centering the page. Normally when I want to center I use flexbox, but flexbox is dependent on the height of the parent element and my card was larger than one vh but after trying out min-height it made it easier to center my page.

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

    I would like suggestions on writing cleaner code. But I welcome all suggestions to make my solution better.

    Responsive Social Links Profile Page Using CSS Flexbox

    2
    Zulkifli Firdausi•100
    @Zulkifli70

    Good job! 👍

  • Zulkifli Firdausi•100
    @Zulkifli70

    add line-height to the p in the css file, to make height on the paragraph

    Marked as helpful
View more comments