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

Rizky Firman

@ykyoukiTangerang City, Indonesia215 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

  • Rest Countries

    #fetch#react#tailwind-css

    Rizky Firman•215
    Submitted over 2 years ago

    1 comment
  • Sunnyside agency landing page

    #accessibility

    Rizky Firman•215
    Submitted over 2 years ago

    0 comments
  • Advice Generator app

    #fetch

    Rizky Firman•215
    Submitted over 3 years ago

    2 comments
  • Blogr Landing Page


    Rizky Firman•215
    Submitted over 4 years ago

    0 comments
  • Pricing Grid Web Component


    Rizky Firman•215
    Submitted over 4 years ago

    1 comment
  • Chat App Illustrated Using CSS


    Rizky Firman•215
    Submitted over 4 years ago

    1 comment
View more solutions

Latest comments

  • Rizky Firman•215
    @ykyouki
    Submitted over 3 years ago

    Advice Generator app

    #fetch
    2
    Rizky Firman•215
    @ykyouki
    Posted over 3 years ago

    Hi, thank you! I didn't realize to use blockquote instead of div since I rarely use it. It's revised now😉. The accessibility issue said my HTML should have at least one level one heading(h1) but I think I don't have to use it for this challenge.

  • Rizky Firman•215
    @ykyouki
    Submitted over 4 years ago

    Chat App Illustrated Using CSS

    1
    Rizky Firman•215
    @ykyouki
    Posted over 4 years ago

    Please forgot the error message from this website. That was not important and will not rise any problem

  • Yustina Yasin•310
    @yustinayasin
    Submitted over 4 years ago

    Hundle Landing Page with Features Block

    1
    Rizky Firman•215
    @ykyouki
    Posted over 4 years ago

    Yo do great Yustina! Love it! Btw I am also Magelang based. Glad to see you here.

  • Nourhan•100
    @NourhaanMoHamed
    Submitted over 4 years ago

    Page made with html , sass , javascript

    1
    Rizky Firman•215
    @ykyouki
    Posted over 4 years ago

    Hi, Nourhan 👋. Your solution is not responsive on some devices and you have some issues there. I appreciate your decision to use CSS grid and it's good by the way.

    Your issues:

    1. You do not set media queries to around 375 - 1440 px so this will not responsible for sizes other than1440 and 375.
    2. Some element and text styling(e.g padding, margin, font size, font weight) is not the same or close to the design template.

    I hope you got my thoughts. happy coding!

  • Ian Rosen•10
    @irosen419
    Submitted over 4 years ago

    Profile Card Using SCSS, partials and variables

    1
    Rizky Firman•215
    @ykyouki
    Posted over 4 years ago

    Hi @ irosen419 you do great and everything works fine even though you are missing some statistic elements, but I don't care. Let's focus on your question. During my experience as a beginner, using rem for everything is not a very good thing and it creates other bugs when we work on other complex projects. Maybe we won't find the problem in a simple project, but we'll face it when we do it (use brakes for everything) for other complex jobs.

    My tips:

    1. Use rem for font-size and padding.
    2. Use em for your margins.
    3. Use px or % to measure your elements. I don't guarantee this 100% but I work on it for all my projects, so I'm confident enough to share it with you.

    Hope this provides a reference, Thank you

  • P
    Dogukan Varis•580
    @varisDogukan
    Submitted over 4 years ago

    Html and Css

    2
    Rizky Firman•215
    @ykyouki
    Posted over 4 years ago

    Hi Dova, to write a class we just needed to write a simple class name that represent the contents of the element. Example: When we have a div element that contain a fish image, we can give it a class name fish-image.

    <div class="fish-image"> </div>
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

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