Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted

    Advice generator

    #accessibility#angular
    • HTML
    • CSS
    • JS
    • API

    0


    What are you most proud of, and what would you do differently next time?

    Hello FrontendMentor!

    In this challenge I learned about creating a service and HTTP fetch in Angular. Nothing new in styling. I think it is a good challenge to focus on invoking HTTP requests with its minimal styling.

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

    I use Prettier plugin in VSCode to format my files. when a line is too long this happens:

    [blockqoute tag] (sorry, when I write it as a normal tag, it is removed after the form is submitted)
    {{ boolean expression ? componentProperty.value : "Default text" }}
    [/blockquote tag]
    

    The code above results the following: " Advice text " but I want this: "Advice text"

    Is there any other method than a hard coded ...

    [!-- prettier-ignore --]
    [blockqoute tag]{{long interpolated expression}}[/blockquote tag]
    

    ... to get rid of the spaces between the quote sings and the text caused by the line breaking in the html?

    Thank you in advance! Have a great day!

  • Submitted

    Intro section with hamburger menu and navigation bar

    #accessibility#bem#angular
    • HTML
    • CSS
    • JS

    0


    What are you most proud of, and what would you do differently next time?

    Hello FrontendMentor!

    I finally completed this challenge, and I am glad how it works. My biggest accomplishment is to make the navigation menu work as I wanted, be responsive and even accessible. I struggled a lot on a lot of things as I am quite new to Angular, but I like the whole concept of this framework and planned to learn it, so here we are :D

    I am still not satisfied with the structuring of the css files, but BEM is also new to me, so I think this is a good or at least not bad starting.

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

    • The biggest challenge was to make the navigation menu work both on touchscreens, mobile sized screens, and of course on desktop screens at the same time.
    • And Angular in general. I think it's learning curve is a bit steep in the beginning. It's quite demotivating, but I hope the curve will flatten in some weeks or months.

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

    As I am a beginner in Angular I would be glad to receive some feedback, tips on how to structure my assets folders, and in general how good or bad is the path that I am walking on ot learn this framework.

  • Submitted


    What are you most proud of, and what would you do differently next time?

    Hello Frontendmentor!

    I am very excited to submit this solution because I learned a lot of Angular concepts via this challenge.

    • I learned how to handle and validate form inputs in angular
    • Giving inputs to components
    • Emit events from the child component as outputs and catch these events by parent component
    • How to show different error messages when some validations fail.

    I am proud of myself for learning the basics because it's a whole new world to me. End of happy part...

    I did not think through the structure very well as I am quite new to Angular. Today me would have started it differently. After a point I was just driven by the mindset of "Just make it work". It's about progress, not perfection. I hope my next challenge in Angular will be structured better.

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

    The whole input, output and formhandling concepts of Angular was quite new to me and I was excited to learn them.

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

    Any feedback is welcomed.

  • Submitted

    Notifications tab build with angular

    #accessibility#angular#sass/scss
    • HTML
    • CSS
    • JS

    0


    What are you most proud of, and what would you do differently next time?

    Hello FrontendMentor!

    I just dropped this solution of mine for this challenge. Feel free to check it out. I am quite proud of this work as Angular is a whole new field for me.

  • Submitted


    What are you most proud of, and what would you do differently next time?

    Hello FrontendMentor!

    This is my first whole page challenge on this site. I hope I nailed it without any bigger webdesign violations.

    • I learned, how to handle openable and closeable nav menus on small screens.
    • I played around/practiced with different layouts on in-between screen sizes
    • Finally started to scratch the surface of container queries.

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

    I did not like the layout on specific screensizes, and was happy to discover container queries.

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

    As I am still new to web development, I happily accept any suggestions, corrections on my mistakes and good or bad practices.

  • Submitted

    Age calculator app

    #accessibility
    • HTML
    • CSS
    • JS

    0


    What are you most proud of, and what would you do differently next time?

    Hello FrontendMentor!

    I am glad, that I managed to complete this mainly JavaScript practicing challenge. I hope everybody else thinks I did a good job, when checks on my code. I learned new events' existence, and how to trigger css animations with events. That was a whole new topic for me.

    Please, feel free to mention any topic that you think is my weak point.

  • Submitted


    What are you most proud of, and what would you do differently next time?

    Hello FrontendMentor!

    I completed my last (for now) newbie challenge where I played with a lot of dynamic css units to reach my goal, that I only use media queries for layout changes.

    I hope, I didn't violate (too much) web design paradigms. Any suggestion on my errors and mistakes are welcome!

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

    I still struggle whether to use margins or flex/grid gap properties to align the elements. I did not find proper rule of thumb for it. If you can give me an advice on how to determine it, I would appriciate it very much

  • Submitted


    What are you most proud of, and what would you do differently next time?

    Hello FrontendMentor!

    I just got through this new challenge and I'm kind of proud of it. However I know I have (and alway will have) stuff to be worked on.

    Any feedback is very appriciated if I did something wrong, unconventional or not regarding to best practices.

    Best wishes!

  • Submitted


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

    Hello Frontendmentor!

    I just finished this challenge, I hope my solutions are not too far away from best practices. Any feedbak is welcomed!

    • I tried form handling for the first time. I hope I nailed it correctly.
    • I learned about and fell in love with regular expressions.
  • Submitted


    What are you most proud of, and what would you do differently next time?

    Hello Frontendmentor Community!

    I was excited to learn, try and practice css grid properties through a practical example. I hope I nailed it properly.

    Any feedback is welcome!

  • Submitted


    Hello FrontendMentor! I am glad, that I finished this challenge as it gave me quite a struggle to interactively hide/show the social media buttons' container bubble.

    • I hope I nailed the hide and show thing correctly, please leave a feedback with your observations, I don't want to develop any bad practices.

    Best regards

  • Submitted


    I do not really get it, how to make the bottom three user-cards' height adjustment a bit smoother when the width changes. Is that it? When the content cannot fit in the given lines, their conainer just jumps a line taller?

  • Submitted


    The transition between the desktop and mobile view is rather ugly (almost anywhere between 1440px and 654px width). Do you have any tips/tricks, to improve my skillset in it?