Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
19
Comments
20
P
Aram Hekimian
@Hekimianz

All comments

  • Si1entERA•450
    @Si1entERA
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    This project is not complete, and a second version will be created in the near future.

    NOTE: it wasn't part of the requirement but profile setting card in the profile icon and dark mode switch have been disabled. timer function to remove discount and revert back to the original price has been disabled.

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

    .

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

    .

    e-commerce-project

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Hi @Si1entERA, heres my feedback:

    • On the lightbox image slider, clicking the white part of the buttons does not trigger the event listener.

    • The close icon on the lightbox is not visible, nor does it change on hover status.

    Overall good job though!

  • Owolabi•250
    @Ay-dotcode
    Submitted 11 months ago

    New home page with css and html with minimal js

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Great Job!

  • Owolabi•250
    @Ay-dotcode
    Submitted 11 months ago

    Ecquisite contact for with html, css and js

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Great job!

  • khalagai•370
    @khalagai
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Using key presses to navigate the page as well as using ARIA attributes.

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

    -How to toggle the questions independently and use of the keyboard.

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

    Curious to know which other ways this challenge could have been done.

    FAQ Accordion

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Hi @khalagai!

    Your HTML looks well-organized. Here are a few suggestions to enhance it further:

    • Use of IDs: Instead of using IDs like img0, img1, etc., consider using classes. This will make your code more reusable and less prone to conflicts.

    • Accessibility Improvements:

      • Make sure the alt attributes are descriptive. For example, “plus” could be more descriptive like “expand icon” to help screen readers.
      • Add aria-expanded attributes to the collapsible elements to improve accessibility.
    • Styling with Classes: Move inline styles to CSS. For instance, use a class like hidden to manage visibility.

    • HTML Structure: Consider if you need <hr> elements for visual separation or if they could be replaced with CSS styling.

    • Responsiveness: Your current CSS does not seem to handle larger sizes very well. The container width is fixed at 300px, which might not scale properly on larger screens. Also, the layout may need further adjustments to ensure a responsive design across various desktop sizes.

  • Shakil ahmed•260
    @Shakil-a
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    Most proud:

    • worked with more JavaScript and refactoring code to be dry, reusable and single responsibility functions
    • making it responsive on all devices

    What I would do differently:

    • work better on the css design and learn how to structure my css files
    What challenges did you encounter, and how did you overcome them?

    I didnt face much challenges from this project other than one of the colors are missing from the style guide and so I used a simple grey to replace it.

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

    i would like help on:

    • if there were better ways to refactor my javascipt or structure my html/css
    • any accessibility code I could have implemented ( theres one instance i have left out a alt in the success page svg because its purely for looking good)
    • anything i can improve on in general

    Interactive rating component

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Hi @Shakil-a!

    Here's the feedback I have for your project:

    • Button States: Consider adding the active and hover states for the buttons inside the <li> elements to enhance user interaction and visual feedback.
    • Heading Structure: Changing the <h2> to <h1> can help search engines and screen readers better understand the content's structure and hierarchy.
    • Script Loading: Adding the defer attribute to the `
  • P
    Hexerse•460
    @Hexerse
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    Proud of being able to do multi-pages for the first time. I really need to plan better to generate multipages

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

    I did not know how to do dark mode, how to use local storage for the mode and also use it for the score keeping. I googled.

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

    Please help me check the js code. Also my other pages are not rendering on live site, this is my first time doing multi pages, please advice me how to render the rest.

    I need help on how I could do things a little bit more efficiently. If you think your code is better than mine, just send your repo so I can take a look at it and learn !

    frontend-quiz

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Hi! Your app doesn't seem to be working 🤔 When clicking a category it goes to 404 error.

  • delroscol98•410
    @delroscol98
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    Using ASCII character values to create the password. It'd be interesting to rebuild this project with React.

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

    Password strength was difficult, still don't know if I did it correctly.

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

    Please give suggestions based on Password strength, I'm not sure what algorithm to follow. The logic was doing my head in.

    Password Generator - HTML, CSS, Sass, JavaScript

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Code works perfectly as intended 😁 Only thing missing from the design is the checkmarks on the checkboxes. Overall great job !

  • Abdullah Abdurazaq•290
    @Ayyubiy90
    Submitted 11 months ago

    Vanilla JavaScript, Mobile-first workflow

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Good job! Works as intended, design is good and responsive. Only feedback i could give is:

    • The inputs arent being invalid if set to 0
    • You can get rid of the number arrows from the inputs by adding the following CSS:
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    
    input {
      -moz-appearance: textfield;
    }
    

    Overall great job Abdullah! Keep coding 😁

  • Sam Hooker•780
    @35degrees
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I came up with some solid data fetch syntax. I'm worried that I used the fetch syntax three times, one for each timeframe. I couldn't think of a way to reduce that to one fetch overall, which maybe can be done on "DOMLoaded" event. I also wasn't thrilled with how many lines of JS was required for each data point and I'm looking for ways to reduce all of those lines to keep it cleaner code.

    Grid, Flexbox, JS, event listeners

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Overall great job! Works as intended only issues i see are that you are repeating yourself many times throughout your code... The way i made it so that there was only one fetch was to create an object for each filter inside of the fetch like so:

    const dailyData = {};
    const weeklyData = {};
    const monthlyData = {};
    const fetchData = async () => {
      const response = await fetch("./data.json");
      if (!response.ok) {
        console.error("Could not fetch data!");
      }
      const data = await response.json();
    
      data.forEach((elem) => {
        dailyData[elem.title] = elem.timeframes.daily;
        weeklyData[elem.title] = elem.timeframes.weekly;
        monthlyData[elem.title] = elem.timeframes.monthly;
      });
    } 
    

    Im not saying its the correct way, just sharing the way i did it!😁

    Marked as helpful
  • Terez Lagova•410
    @TerezL
    Submitted over 1 year ago

    Newsletter sign-up form with success message 2.0

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Hi! I noticed something regarding your use of media queries that I think could improve the responsiveness of your design.

    • It looks like you used a breakpoint at 768px, but the CSS rules applied at this breakpoint seem to be intended for desktop sizes. Generally, 768px is considered a typical tablet width, and desktop-specific styles are usually applied at higher breakpoints (e.g., 1024px and above).

    To enhance the responsiveness of your design, I recommend using 768px for tablet-specific styles and reserving more extensive layout changes for desktop sizes at a higher breakpoint.

    Also on general styling:

    • The styles applied to the input when a user enters an invalid email persist even after entering a valid one.

    Other then that, great job! JS works perfectly as intended and the design is close to the provided images. Good work 😁

    Marked as helpful
  • Carlos Maracara👷👨‍💻•800
    @MaracaraCarlos
    Submitted about 1 year ago

    Article Preview Component

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Great job! Clean.

  • Weverson Godinho•490
    @Godinhoweverson
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of the final result. However, next time I will focus on adding more comments to my code to improve its organization and readability.

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

    I encountered challenges with responsiveness, particularly with a specific mobile size. I found a solution on Mozilla Developer Network (MDN) that helped me address the issue.

    Meet landing page

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Nice! Only feedback i have is that there are certain points when making smaller, that the first image of all the people sometimes gets unproportionate and also on bigger screens the image cuts off a little, i think its due to the max-width you have set on the main element. But overall looks good, great job!😁

    Marked as helpful
  • Md Ismail•100
    @Md-ismail-FD
    Submitted 11 months ago

    Social links profile

    2
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Hi! your CSS file doesn't seem to be linked correctly 🤔 you should rename your CSS file to "style.css" and also change your link tag to this: <link rel="stylesheet" href="style.css" />. That should fix your issue 😁

  • P
    Matheus M Almeida•150
    @matheusmirandaalmeida
    Submitted 11 months ago

    CSS grid template

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Great work! Looks great 😁 Only thing is the README file in your repo is still the instructions to the challenge 🤔

  • P
    Hector Ramirez•450
    @hectorlil48
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I learned how to use a display grid, and it opened my eyes to how I can use it on my next project.

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

    I needed to center the left and right cards like on the design. I needed to make a 3-row and column grid, and I had to make align-items and justify-items center.

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

    I didn't have much of a problem coding this design. I just had to learn how to use a display grid and how to make it responsive.

    Four card feature section

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Looks great! Good job

  • P
    Arek93•260
    @ArekR93
    Submitted about 1 year ago

    Product Card | HTML, SASS

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Looks great! Only thing i would fix is that in mobile screens the footer isnt sticking to the bottom... Other than that great job!

    Marked as helpful
  • Laura Rodrigues•100
    @laurafilha
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of successfully laying out the page using simple commands. I didn’t face many difficulties in organizing the information with the knowledge I already have. For the future, I plan to continue learning about spacing and best practices for organizing information to avoid cluttered code.

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

    I encountered a challenge when trying to design a table aligned horizontally, which was something new for me despite its simplicity. To overcome this barrier, I revisited my notes and watched tutorials on Flexbox, which helped me gain the understanding needed to tackle the problem effectively.

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

    I would appreciate help with some specific areas of my project, particularly with spacing and alignment. I sometimes struggle with deciding when to use Flexbox versus Grid. I also feel uncertain about my choices of measurement units and best practices for responsiveness and accessibility. I would like to understand better when to use different units and how to make a container behave differently on various screen sizes.

    Simple Omelette Recipe

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Looks great! Good job!

  • Mehrine•230
    @YarAllyMehrine
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to finish this challenge in less than 1 hour and i used a new component: Grid for my layout. I need to increase my readability for CSS.

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

    I was not as familiar with Grid but with some external resources, I was able to acquire the knowledge necessary to complete this project.

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

    Since I am working on a mobile-first workflow, I want to see how the different screen size changes the layout; bigger font size and such.

    Social Links Profile using HTML, CSS, FlexBox and Grid

    1
    P
    Aram Hekimian•410
    @Hekimianz
    Posted 11 months ago

    Looks good! Here are some suggestions:

    • Get rid of the button's border to make it look more clean and similar to provided design.
    • Fix the sizing of the image, looks a bit unproportional.

    Overall looks good and close to the design. Good work!

    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

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

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