Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
9

jul_julham

@zulhamsylocalhost210 points

simple man with a simple goal, I love to code, and make living with code

I’m currently learning...

Vue, Angular, Javascript and still learning CSS

Latest solutions

  • QR Code Component using TailwindCSS

    #tailwind-css

    jul_julham•210
    Submitted over 3 years ago

    0 comments
  • 3 Column Preview using TailwindCSS

    #tailwind-css

    jul_julham•210
    Submitted over 3 years ago

    0 comments
  • Responsive Stats Preview Card using TailwindCSS

    #tailwind-css

    jul_julham•210
    Submitted over 3 years ago

    0 comments
  • NFT Preview using TailwindCSS

    #tailwind-css

    jul_julham•210
    Submitted over 3 years ago

    1 comment
  • Order Summary Card using TailwindCSS

    #tailwind-css

    jul_julham•210
    Submitted over 3 years ago

    1 comment
  • NFT Preview Card using TailwindCSS

    #tailwind-css

    jul_julham•210
    Submitted over 3 years ago

    2 comments
View more solutions

Latest comments

  • Yev•220
    @YevgS
    Submitted over 3 years ago

    HTML, CSS card

    2
    jul_julham•210
    @zulhamsy
    Posted over 3 years ago

    man! that's so identical to original design, great work!, maybe it needs a little bit 'centering' :D, anyway it still awesome

    Marked as helpful
  • Dennis Chiroro•195
    @chiroro-jr
    Submitted over 3 years ago

    Stats preview card component using HTML, Vite and TailwindCSS

    #tailwind-css
    2
    jul_julham•210
    @zulhamsy
    Posted over 3 years ago

    Hi @chiroro-jr, I'm using TailwindCSS too! :D, I've some tips, maybe it can make writing Tailwind classes more easier and increase readability,

    • starts with 'layout classes' like margin, padding etc example <div class="px-2 py-3" />

    • second, 'position classes' or 'display classes' like flex, absolute

    • third layer is 'text styling, color and text related classes' like font-sans text-2xl

    • last layer is the rest...

    that's it! :D, hope it helps

    Marked as helpful
  • Suatcan•50
    @suatcg
    Submitted over 3 years ago

    Nft Card Component

    2
    jul_julham•210
    @zulhamsy
    Posted over 3 years ago

    great work!, its so close to original design! I've some notes for you :D

    • I think banner-image's height is a little bit shorter, it will be nice if you could increase it a little

    • price info (0.041 ETH) should be a little bolder, I think its semibold (600 Weight) or so

    • for 'author' section, I think you could use 'justify-self: start' for avatar image or 'justify-content: start' in author container, hope it helps

    btw it still great work! keep it up!

    Marked as helpful
  • Kevin Morales•185
    @kefer16
    Submitted over 4 years ago

    FAQ Accordion Card - using HTML, SASS and JS

    3
    jul_julham•210
    @zulhamsy
    Posted over 4 years ago

    Hi! Great Work!

    On the mobile view, I see that the SVG is somewhat less centered. a little solution from me maybe you can add the viewBox property to the svg value "15 0 266 96", hope it helps :D

  • Pisca•55
    @hliosdja
    Submitted over 4 years ago

    Newbie - Card component

    3
    jul_julham•210
    @zulhamsy
    Posted over 4 years ago

    Hi! Great work!

    I'm newbie too xD, but maybe some advice would help :D

    I think whether you using 'background' props via css or directly using img tag on html, the result will still be good and still a valid html, but for me I prefer using img tag since it would be easier to 'position' it using absolute props

    btw keep your great work!

  • eskenaman•30
    @eskenaman
    Submitted over 4 years ago

    Profile card site using HTML and CSS

    1
    jul_julham•210
    @zulhamsy
    Posted over 4 years ago

    Hi! it's amazing to know that you are just learning and jump right into this challenge, great job :D

    just newbie advice, I thought it would be better if you made 'body' width responsive to the viewport, (ex: width 100vw) rather than making it a fixed size, also if you wanna center the content vertically and horizontally relative to the screen, you could use flexbox / flex, its so simple but powerful

    anyway keep up your spirit and keep learning 💪

View more comments
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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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

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