Skip to content
OverviewSolutions
25
Comments
8
Azar
@azr-arch

All comments

  • Nóra Lili Horváth•10
    @NoraLiliSubmitted over 1 year ago

    This is my very first code challenge, and I had a lot of fun creating it while gaining valuable knowledge.

    For this project, I used HTML, CSS, and Bootstrap to craft this visually appealing app component. While it's currently a static design, I'm thinking about adding JavaScript in the future to make it more dynamic and interactive.

    • I found it difficult to make the content responsive inside a div. When I changed the screen size, the content didn't stay inside the div, and the design didn't look right. I eventually fixed it, but it took more time than I thought.

    • I am uncertain of the layout, I was using absolute and relativ positions, if anyone knows an easier solution I'd love to hear it!

    • Also, if you have tips on using colors more easily, could you please share them? I used CSS classes for different colors, but it is just looks too coplicated like this.

    I'd appresiate any feedback on my project, I would like to improve myself and learn how to make these projects more efficiently. :)

    Results summary component with basic HTML, CSS and Bootstrap

    2
    Azar•530
    @azr-archPosted over 1 year ago

    its good

    0
  • Abdul Khaliq 🚀•72,560
    @0xabdulkhaliqSubmitted over 1 year ago

    👾 Hello, Frontend Mentor Community,

    This is my solution for the Sunnyside Landing Page.

    • Scored 98% on Google Pagespeed Insights! 🤩
    • Custom navbar w/ scroll-in & scroll-out animation 🔥
    • Solution with 99.9% Percent Accuracy 🎯
    • Custom dotted outline for interactive elements like buttons, a to help low visioned and color disabled people 🎭
    • Accessible hamburger menu w/ ES6 🍔
    • Minified the css files to improve site performance 🚀
    • Used Prettier code formatter to ensure unified code format ⚙️
    • Layout was built responsive via mobile first workflow approach 📲
    • Had a lots of fun while building this challenge ! 🤠
    • Feel free to leave any feedback and help me to improve my solution 💡

    .

    👨‍🔬 Follow me in my journey to finish all junior challenges to explore solutions with custom features and tweaks

    Ill be happy to hear any feedback and advice !

    SUNNYSIDE LANDING PAGE 🎯 [ ACCESSIBLE - BEM - VANILLA CSS3 - ES6 ]

    1
    Azar•530
    @azr-archPosted over 1 year ago

    its looks amazing, but do a little more work on responsiveness for fold devices

    2
  • Azar•530
    @azr-archPosted over 1 year ago

    everything looks great but both cards are not where they supposed to be.

    0
  • Azar•530
    @azr-archPosted over 1 year ago

    this is subjective opinion, add a bit more blur. otherwise, you solution looks great!

    0
  • Azar•530
    @azr-archPosted over 1 year ago

    that looks good man, keep it up!

    0
  • Azar•530
    @azr-archPosted over 1 year ago

    any block elements takesup full width so you dont have to explicitly defining widht: 100% for more about block elements check this https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements

    consider using relative units like rem or em instead of px, actually you've used em a few times but try using it more often

    above all your solution looks good! keep up the good work

    0
  • Azar•530
    @azr-archPosted almost 2 years ago

    use relative sizing unit like em, rem instead of px. everything else just looks exactly as it supposed to. keep it up! have a good day!

    Marked as helpful
    0
  • Azar•530
    @azr-archPosted almost 2 years ago

    adding translateX on company`s hover menu would look great and some gap in between text and dropdown arrow and some work on resposinveness. everything else looks perfect.

    0