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

iajlsdnt

@ajlsdntIndonesia70 points

I'm a self-taught web developer based in Jakarta, Indonesia

I’m currently learning...

Javascript

Latest solutions

  • Interactive rating page


    iajlsdnt•70
    Submitted over 3 years ago

    1 comment
  • CSS and HTML QR Card Component


    iajlsdnt•70
    Submitted over 3 years ago

    1 comment
  • 3 columns preview card (HTML, CSS)


    iajlsdnt•70
    Submitted over 3 years ago

    2 comments

Latest comments

  • Bheki Accion Nkomo•230
    @BhekiAccion
    Submitted over 3 years ago

    NFT Card Preview with Flexbox

    #accessibility
    1
    iajlsdnt•70
    @ajlsdnt
    Posted over 3 years ago

    Hi Bheki! This honestly looks great, congrats!

    An input for me that hopefully can help you. -centering the content. The method that works for me every time is setting the height of your <body> to 100vh (which means it'll take up the full-screen height of viewer devices) and using flexbox (display: flexbox; justify-content: center; align-items: center;)

    Marked as helpful
  • Philemon Bahati•620
    @bahati7
    Submitted over 3 years ago

    fylo-landing-page-with-two-column-layout-master

    #bootstrap
    2
    iajlsdnt•70
    @ajlsdnt
    Posted over 3 years ago

    Hi Bahati it's Amelia (@ajlsdnt) from twitter :D This looks awesome, great job. It's so cool you use 'hamburger' menu for the mobile media query.

    I may not give many comments on the code (I haven't touched any framework myself), but here you go:

    • you can wrap your <nav> with <header> tag
    • try to use 'box-shadow' for the '.card (the testimony box) instead of 'border'
    • background transparent for the 'see how fylo works link'
    • and background white for the first section 'showcase'

    Cannot wait for your next projects of FrontEnd Mentor :)

    Marked as helpful
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

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