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

Ferdiansyahmulyadi

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

  • Time tracking dashboard with css grid and json data

    #sass/scss

    Ferdiansyahmulyadi•180
    Submitted 6 months ago

    1 comment
  • Responsive newsletter sign-up form with success message using SCSS

    #sass/scss

    Ferdiansyahmulyadi•180
    Submitted 6 months ago

    1 comment
  • responsive article preview component

    #sass/scss

    Ferdiansyahmulyadi•180
    Submitted 6 months ago

    1 comment
  • Responsive Meet landing page with CSS flexbox

    #sass/scss

    Ferdiansyahmulyadi•180
    Submitted 6 months ago

    1 comment
  • Responsive testimonial grid section

    #sass/scss

    Ferdiansyahmulyadi•180
    Submitted 6 months ago

    1 comment
  • responsive four card feature section

    #sass/scss

    Ferdiansyahmulyadi•180
    Submitted 6 months ago

    1 comment
View more solutions

Latest comments

  • Tst Max•420
    @Tasin269
    Submitted 6 months ago

    Time Tracking Dashboard

    #accessibility#sass/scss
    1
    Ferdiansyahmulyadi•180
    @Ferdiansyahmulyadi
    Posted 6 months ago

    Hi @Tasin269,

    I think your solution looks good, except the size of each box differs from the design, other than that, everything is okay, good luck.

  • P
    Igor•290
    @whiteriver-dev
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Proud of how quickly I grasped React. I really enjoyed the modular aspect of React, and the organized structure of Sass.

    Next time I will try implement Redux.

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

    The project took me quite a while as I was learning React on the go. Some of the main problems I encountered were UseStates and passing props through different components. However, by solving these solutions I've gotten a much better grasp of React.

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

    What I can do better in React. Including hot tips and tricks. I really enjoy React and want to become proficient at it.

    Newsletter-Signup w/React, Sass

    #react#sass/scss
    1
    Ferdiansyahmulyadi•180
    @Ferdiansyahmulyadi
    Posted 6 months ago

    Hi Igor,

    Your solution looks good, I like it!

  • kassahunAmdie•120
    @kassahunAmdie
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    In this project, I am delighted to have taken the plunge into learning Sass and implementing it in this challenge. I still have more to learn about it, although I did an in-depth study about it. I am surprised by how much it helped me organize my workflow.

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

    The challenge I encountered and haven't yet is the output from sass. It seems especially the media queries seem to be everywhere and certain sections are not where I want them to be. For example the utilities section is not where I want it to be. I will keep on working on it.

    Responsive Article Preview Component Challenge

    #accessibility#sass/scss
    1
    Ferdiansyahmulyadi•180
    @Ferdiansyahmulyadi
    Posted 6 months ago

    Hi @kassahunAmdie,

    Your solution look good, keep the good work.

  • P
    MukhammadBobur•370
    @Bobstyle23
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Getting used to more helpful features of sass/scss.

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

    I guess the provided design file and solutions design files have certain differences that are hard to match. If you guys see some differences or mismatches you can leave a comment or just check the deployed page.

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

    I see my sass/scss code is a bit messy, I will refactor and reduce of course, but I would love to get some suggestions regarding cleaner sass/scss styles from someone who has a real grasp of it.

    Responsive landing page "Meet"

    #accessibility#bem#sass/scss
    1
    Ferdiansyahmulyadi•180
    @Ferdiansyahmulyadi
    Posted 6 months ago

    Hi @Bobstyle23,

    Your solution looks good, keep up the good work.

  • Lucas Schmitt•160
    @Louckoom
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Proud of : Using custom grid for the desktop part. Next time : Improve on intermediate media query tablet size maybe.

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

    Not much, just some text that aren't properly aligned. I kind of didn't fix this issue.

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

    Not much, i'm improving on the responsive side, that cool !

    Testimonial Grid section

    #sass/scss
    1
    Ferdiansyahmulyadi•180
    @Ferdiansyahmulyadi
    Posted 6 months ago

    Hi @Louckoom,

    The solution looks great, the grid is responsive and fits nicely in mobile and desktop views. I suggest making the grid template size with a fixed minimum size so that the cards do not look big in desktop view, thus making your solution look more closely as the design. Good luck!

    Marked as helpful
  • Francis Baloa•10
    @BaloaC
    Submitted over 1 year ago

    Sección de tarjetas responsivas usando width y media queries (SCSS)

    #sass/scss
    1
    Ferdiansyahmulyadi•180
    @Ferdiansyahmulyadi
    Posted 6 months ago

    Hi @BaloaC,

    Your solution almost looks like the design, I think you can make it look better by setting the maximum width for each card. Good luck!

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

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