Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
29
Comments
12
Moisés Alfaro
@MoisesAlfar0o

All comments

  • Moyosore Sulola•70
    @realMoyosore
    Submitted 3 days ago

    Age Calculator App

    1
    Moisés Alfaro•490
    @MoisesAlfar0o
    Posted 3 days ago

    Hey, your solution looks good, but I noticed that if I enter an invalid date, it still performs the calculation—whether the date is in the past or future

  • Alperen Aksoy•150
    @aksoyalpi
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?
    • working performant with little javascript code
    • using data attributes to be more efficient
    What challenges did you encounter, and how did you overcome them?
    • no challenge but redundant code, because I did not use a framework to implement components
    What specific areas of your project would you like help with?

    Is it a good solution or is there an easier way to solve this challenge (without frameworks)?

    Responsive Time tracking Dashboard with JavaScript and CSS

    #sass/scss
    1
    Moisés Alfaro•490
    @MoisesAlfar0o
    Posted 2 months ago

    Hey, your solution looks good, but it doesn't work when I click on any of the timeframes. I checked the HTML and everything seems in place, but it looks like the issue might be with this line: fetch("/data.json").

    This tries to load the file from the root of the domain, which won’t work if your data.json is in the same folder as your index.html. Try changing it to: fetch("./data.json").

    Marked as helpful
  • Adenike•60
    @Abu-Faridat
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Trying it even though it was hard

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

    Everything, I can't do the hide and show yet but I will learn it

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

    How to do the hide and show

    FAQs accordion

    1
    Moisés Alfaro•490
    @MoisesAlfar0o
    Posted 5 months ago

    Hey, you can use the <summary> tag. I haven't done this challenge, but I can tell that it might work.

  • Savion 👾•370
    @S4V10N
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    the fact that i built it correctly

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

    none i couldn't overcome

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

    just general guidelines like BEM and CSS structure

    clipboard-landing-page

    1
    Moisés Alfaro•490
    @MoisesAlfar0o
    Posted 5 months ago

    I'm not an expert or anything, but just a recommendation: instead of using a <div> as a button, you can use a <button> tag. Also, consider using an <a> tag instead of a <p> in the footer. :)

    Marked as helpful
  • Weblife•70
    @Weblife007
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to complete the project Making enough research before engaging a problem

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

    Positioning

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

    Everything Please

    Order-Summary using HTML and CSS

    #accessibility
    1
    Moisés Alfaro•490
    @MoisesAlfar0o
    Posted 5 months ago

    Good! But consider using tags like buttons and a, which are built into HTML :) Also, use :root in CSS to define global styles or variables for your project.

    Marked as helpful
  • Zakir Mustafa•160
    @kmrzakir
    Submitted 6 months ago

    css grid

    1
    Moisés Alfaro•490
    @MoisesAlfar0o
    Posted 6 months ago

    It's good but consider using a better box-shadow.

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

    I am most proud of learning and completing the project with CUBE CSS. Although it was tricky to understand at first, it makes a ton of sense and simplified how I organize my styling process.

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

    My biggest challenge was getting the correct layout for desktop widths. I was overcomplicating the entire thing. I started the layout all over simplified the layout of the card container.

    Responsive 4 Card Section w/ CUBE CSS

    1
    Moisés Alfaro•490
    @MoisesAlfar0o
    Posted 6 months ago

    You did well; I have nothing to say except about the shadow. It's just a design matter, nothing more:box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

  • P
    Lampros Vasilakos•100
    @LamprosVasilakos
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Im proud of managing to make the design responsive

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

    My problem was on how to make the image of the project responsive. I managed to resolve the issue by implementing the image with the css background image property and changing with media queries for the small and large devices

    Responsive Product preview card

    1
    Moisés Alfaro•490
    @MoisesAlfar0o
    Posted 6 months ago

    Wow, I should learn from you!

  • Promerser•190
    @Promerser
    Submitted 6 months ago

    html, css, flexbox

    2
    Moisés Alfaro•490
    @MoisesAlfar0o
    Posted 6 months ago

    It's fine, but you should avoid using too many divs.

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

    I am most proud of how simple the media queries are as it is quite possible from experience to have over complicated media queries!

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

    I wondered about what tag to make the Location Information, i.e. the London, United Kingdom. Initially I had chosen to make this an <h4> but I chose to make it a <p> as ultimately I decided a <p> was more suited.

    I also accidentally set padding on the left and the right of the <li> tags causing a bit of head scratching as to why they were wrapping words.

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

    I am curious as to whether you think using CSS layers in a card of this size is worth it as I wondered during implementation whether this was necessary or a needless over complication. However I have seen in Code Pen examples that people often use layers so maybe it isn't.

    Also Would you have made the location information a heading tag or a p tag?

    Thank you in advance.

    Responsive social media card using media queries, layers and a reset.

    1
    Moisés Alfaro•490
    @MoisesAlfar0o
    Posted 6 months ago

    good job!!

  • Westmatthew1•20
    @Westmatthew1
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I learnt to be dedicated and consistent with learning daily

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

    I experienced a little stress, so i took a break and came back to it.

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

    I need help with responsiveness and how to make my code more readable.

    media queries, vscode, mobile simulator

    1
    Moisés Alfaro•490
    @MoisesAlfar0o
    Posted 6 months ago

    nothing to say

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

    This is my first time completing a challenge like this so I am proud that I completed it all the way!

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

    as far as challenges I didn't have any

    QR Code Challenge

    1
    Moisés Alfaro•490
    @MoisesAlfar0o
    Posted 6 months ago

    nothing to say :)

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

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