Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
17
Comments
7

Umar094

@Umar094280 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • ecommerce-product-page-main

    #sass/scss

    Umar094•280
    Submitted 10 months ago

    0 comments
  • calculator (thank you eval())

    #sass/scss

    Umar094•280
    Submitted 10 months ago

    0 comments
  • Rating Card

    #sass/scss

    Umar094•280
    Submitted 10 months ago

    0 comments
  • intro-section-with-dropdown-navigation


    Umar094•280
    Submitted 11 months ago

    0 comments
  • stats-preview-card-component-main

    #sass/scss

    Umar094•280
    Submitted 11 months ago

    Help with the desktop image, how to set it properly


    1 comment
  • newsletter-sign-up-with-success-message-main

    #sass/scss

    Umar094•280
    Submitted 11 months ago

    0 comments
View more solutions

Latest comments

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

    Hello 👋👋👋

    This project gave me some experience on working with modals and accessiblity. Overall i did achieve what i want in this solution

    🚀 Built with

    • Mobile-first workflow
    • ARIA specifications
    • Semantic HTML
    • Pure CSS
    • Vanilla JavaScript

    🐲 What i have done

    • Accessible menu with friendly keyboard interface
    • Used my own judgement to achieve 98% similar to the design without Figma files
    • Overridden default outline effect on focus (buttons, links)
    What challenges did you encounter, and how did you overcome them?

    None 🐱

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

    Any feedback is appreciated🙏

    Accessible menu with dropdown section w/ HTML - CSS Flexbox - JS

    #accessibility#bem
    2
    Umar094•280
    @Umar094
    Posted 11 months ago

    Can you tell me about your judgement) I'm doing this challenge now)

  • laibak24•160
    @laibak24
    Submitted 11 months ago

    FAQ accordian

    1
    Umar094•280
    @Umar094
    Posted 11 months ago

    Where did go 4th quastion

  • Jay L•80
    @jaylchive
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    Trying out radio and checkbox input types that it wasn't familiar to me was the best experience I had from this challenge. It was quite challenging but definitely worth trying. If I didn't challenge myself with it, I would have made a custom radio button and checkbox.

    I think it's crucial to keep on challenging yourself and get out of your comfort zone to grow new skills. That's what I've learned from this challenge.

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

    Working with input types(applying custom styles, manipulating programmatically) was a bit challenging. I wasn't happy with myself that I didn't even know how and where to start with and I've started programming for quite amount of time. I had to google it and adjust the code.

    But I think it's better to learn even if though you think is late than not knowing at all.

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

    Any feedback would be grateful.

    Contact Form with vanilla JavaScript

    1
    Umar094•280
    @Umar094
    Posted 11 months ago

    form validate code is good I see, don't know about inside) but it better then others

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

    finishing the form

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

    any feedback you have

    Contact Form

    #accessibility#bem
    1
    Umar094•280
    @Umar094
    Posted 11 months ago

    if you set the pupup succes message to position absolute it will not take space and move your form

  • Swetha•310
    @grace1999-pixel
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I found the resposiveness very difficult with the svg

    Huddle

    1
    Umar094•280
    @Umar094
    Posted 12 months ago

    Try to set the width of image without %

  • Gabriel.cmd•220
    @gabriel-m-dev
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I am happy to be able to finish this project. It took me several hours to adapt in different versions. Next time I hope to be able to write fewer lines of code.

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

    Any advice to improve the code and not be so repetitive would be helpful! thank you so much

    Mobile First- Huddle Landing Page W/ Alter. Feature Blocks- HTML-CSS

    1
    Umar094•280
    @Umar094
    Posted 12 months ago

    I guess you forgot add padding or margin to footer for mobile size

    Marked as helpful
View more comments
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