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

Akira Chan

@akiracodeninja30 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

  • Social Profile using HTML and CSS


    Akira Chan•30
    Submitted 8 months ago

    2 comments
  • Response Blog Card using HTML, CSS


    Akira Chan•30
    Submitted 8 months ago

    1 comment
  • QR Code using HTML, CSS


    Akira Chan•30
    Submitted 8 months ago

    As I developed the UI based on images and my own judgment, I’d like assistance in refining the design to ensure it aligns more closely with industry standards or best practices.


    2 comments

Latest comments

  • Mendie Uwemedimo•40
    @Mendyslam
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    My ability to calculate the required box size for each element has improved.

    Next time I intend to pay close attention to unit sizes.

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

    Choosing between using "gaps" and "justify-content" flex property while designing the profile link section. I made reference to web.dev documentation to know the difference and when to use both. I ended up with "justify-content: space-between" as it help to keep the space between items equal irrespective of the height.

    Social Links Profile with HTML and CSS

    2
    Akira Chan•30
    @akiracodeninja
    Posted 8 months ago

    Good Job!

  • FlightReacts11•110
    @FlightReacts11
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of using static and responsive design properties better. I'm understanding that if the entire thing is responsive that can cause unintentional problems with resizing like if it grows vertically and I don't want it to do that.

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

    Using static and responsive design properties together. Like with margin having a px number, then percentage, and then auto.

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

    none

    blog-card

    1
    Akira Chan•30
    @akiracodeninja
    Posted 8 months ago

    Could you please review the solution again? It seems that it doesn't fully align with the design.

  • Luiz Barcelar•20
    @LuizBarcelar
    Submitted 8 months ago

    no CSS usei dispaly: Flex

    1
    Akira Chan•30
    @akiracodeninja
    Posted 8 months ago

    The alt text for the image could be more descriptive. Instead of using 'Erro,' it would be helpful to provide a description, such as 'QR code for Frontend Mentor,' to improve accessibility.

    Other than that, the code looks great! Well done!

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

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