Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
25
Comments
11
P
Darionas
@Darionas

All comments

  • P
    Deepa Subramanian•200
    @sdkdeepa
    Submitted 5 months ago
    What specific areas of your project would you like help with?

    Can anyone let me know if we click dismiss message how it can go back to the main screen. how do I handle that in javascript?

    Solution - News letter signup

    2
    P
    Darionas•450
    @Darionas
    Posted 5 months ago

    Hei, Nice work. You can look to example and solve you stack: https://github.com/Darionas/newsletter-sign-up-form-with-success-message

    Happy coding!

  • Stephen Ikuomola•590
    @stephenikuomola
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I was happy to have completed the project, although the way I solved it was not the way I initially set out to do it.

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

    My ideal approach to this project was to use the fetch() API, but unfortunately, that did not come to fruition because the Parcel live server was just not loading the data I needed from the local JSON file. However, with VSCode's live server, it was not an issue. I ended up using es6 imports to get the data from there.

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

    I would be happy if someone could help me figure out how to fetch or load local data using the fetch() API when working with a parcel live server.

    I would also like any suggestions as to how I can improve my code.

    Expense Chart Component | Built using HTML, CSS, and JavaScript

    #accessibility#bem
    1
    P
    Darionas•450
    @Darionas
    Posted 8 months ago

    Hello, Nice piece of art. How to fetch data localy from you root folder - you can look to my app.js file on GitHub https://github.com/Darionas/expenses-chart-component-main

    Happy coding ;)

  • ipek•30
    @ipekcen
    Submitted about 1 year ago

    Responsive social links page with flex box

    1
    P
    Darionas•450
    @Darionas
    Posted about 1 year ago

    Hey, You have made excellent coding. I like you peace of work. But you should follow accessibility pattern. *There should be header, main, and footer on the page. *In one of the mentioned elements must be just one h1 element. *As links navigate to another view, <a> element should be used as a button element.

    Happy coding ;)

  • JakMiro•30
    @JakMiro
    Submitted over 1 year ago

    Order Summary Component Main page clone using CSS Flex

    1
    P
    Darionas•450
    @Darionas
    Posted over 1 year ago

    Hey, JakMiro!👋

    Congratulation on completing this challenge. 🎉

    Here are some suggestions:

    • Page is not fully responsive. If you open Web developer tools on browser and check on 280 x 650 device size you will see that your page is out of screen.
    • It will be good practice to have Readme.md file. It will be good introduction to your repository. How to use Markdown, which tools to use: online editor or regular code editor.
    • Instead div's use semantic elements for accessibility (header, nav, main, aside, section, footer), because of people diversity. Disable people will be able to use your page.
    • On page must be at least one h1 heading. Sometimes it makes sense to add content just for screen readers (hide heading). This is such a case. A common practice is to use a CSS class .sr-only, where sr means screen reader. For that heading set class 'sr-only', and on CSS file hide it. It is a matter of accessibility.
    • If you add a decorative SVG image with the <img> element, you must add an empty alt attribute (on icon-music.svg image).

    I hope this helps. Happy coding! 👍

  • j-ferber•60
    @j-ferber
    Submitted about 2 years ago

    QR-Code Solution

    1
    P
    Darionas•450
    @Darionas
    Posted about 2 years ago

    Hey, j-ferber. You have done god job. It works for mobile layout god as well. But there are same points for improvement:

    • Instead of '<h1><h2>Improve your front-end skills by building projects</h2></h1>' two headings in one declaration, use just one h1 heading. One h1, two h2, three h3, more than three h4 and so on headings, per page. It is as rule.
    • img element must have alt attribute.

    Happy coding ;)

  • P
    visualdennis•8,375
    @visualdenniss
    Submitted over 2 years ago

    👾 Animated Interactive Comments | React | Dark Mode | Switch Users 👾

    #animation#fetch#motion#react#axios
    5
    P
    Darionas•450
    @Darionas
    Posted about 2 years ago

    Hey. I like it. One think especially 'desktop-design-breakdown.jpg'. Could I borrow this method from you?

    Thanks in advance. Happy coding ;)

  • Diego Pasaye•570
    @DiegoPasaye
    Submitted over 2 years ago

    articlePreview

    2
    P
    Darionas•450
    @Darionas
    Posted over 2 years ago

    Hei there, Avoid using of pixels, use rems, vw, ems. They let's scale better, what is very important for responsive design (RWD).

    Happy coding.

  • Patryk Sz•210
    @dedku
    Submitted over 2 years ago

    FAQ accordion card

    1
    P
    Darionas•450
    @Darionas
    Posted over 2 years ago

    Hei. For hiding image or its part, use css z-index property. But here is one very important moment. This property has to be set with position property. For more details read here: https://www.w3schools.com/css/css_z-index.asp

  • Laissaf•60
    @faissal-aL
    Submitted over 2 years ago

    article preview component

    2
    P
    Darionas•450
    @Darionas
    Posted over 2 years ago

    Hei. Open svg file with code editor and change fill property with desirable collor, and save it as amother file. Make path to this file. Tada, color of your icon will be changed. Happy coding and Marry Cristmas.

  • P
    Darionas•450
    @Darionas
    Submitted almost 3 years ago

    Responsive web image

    2
    P
    Darionas•450
    @Darionas
    Posted almost 3 years ago

    Thank you @tak124 and @Phil from Discord w3schools server for some notes. Code was updated according all notes. ;)

  • Jesus Avina•10
    @javina89
    Submitted almost 3 years ago

    Creating a QR code card based on a design

    2
    P
    Darionas•450
    @Darionas
    Posted almost 3 years ago

    Hello @javina89, congratulations on your solution! The result look good. You did a good job here. I’ve some suggestions for you:

    1. It is good practice to set Solution URL to provide community members see your code and make feedback for your. It is several ways to do that https://medium.com/frontend-mentor/a-complete-guide-to-submitting-solutions-on-frontend-mentor-ac6384162248
    2. Card container is not centered vertically. The one of the way to do this is using flexbox method. It lets center elements horizontally and vertically. Read here: https://www.w3schools.com/howto/howto_css_center-vertical.asp

    I hope this helps you and happy coding!

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