Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
8

Emmanuel Moolongawi

@EMLzmile110 points

Je veux m'améliorer encore plus 🙃

I’m currently learning...

I'm currently learning python and JavaScript 🙃 I trying to Improve my commonly UI design

Latest solutions

  • Newsletter sign-up


    Emmanuel Moolongawi•110
    Submitted 10 months ago

    Nothing for moment


    1 comment
  • Article Preview Component


    Emmanuel Moolongawi•110
    Submitted about 1 year ago

    1 comment
  • Testimonials grid section


    Emmanuel Moolongawi•110
    Submitted about 1 year ago

    Nothing for the moment


    1 comment
  • Four card feature section use CSS Grid


    Emmanuel Moolongawi•110
    Submitted about 1 year ago

    2 comments
  • Responsive Preview card component


    Emmanuel Moolongawi•110
    Submitted about 1 year ago

    Nothing


    1 comment
  • Recipe page


    Emmanuel Moolongawi•110
    Submitted about 1 year ago

    I have a strange problem when I try to use the margin on the li::marker of the ordered list, it doesn't work but on the unordered list it works very well and I would also like to know how to center the li::marker if the text is on multiple lines


    1 comment
View more solutions

Latest comments

  • chelsea-here•160
    @chelsea-here
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I was able to solve the challenge in two ways, one using vanillajs (submitted here) and another using React.

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

    Figuring out how to get the exact styling I wanted for certain situations was tricky. Especially things like showing blank input box with valid state styling, while showing the button styling to be invalid. Getting the modal and overlay styled correctly also took a lot of googling. It seems the options on this must have been updated recently.

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

    I want to learn how to simplify my code as much as possible. Also, comments on best practices are helpful!

    Sign-up Form using VanillaJS and CSS (see readme for React alternate)

    1
    Emmanuel Moolongawi•110
    @EMLzmile
    Posted 10 months ago

    I like this! It's super

  • Adrian Reina Lobaina•290
    @adrian-reina-391
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I learned how to make tooltips, it's very easy but I didn't know that

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

    Positioning the tooltip differently for mobile and larger screens was a bit tricky. I haven't been able to get it working properly between 768px and 967px. I'll check other answers or seek help from the community.

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

    I need to see how other get the tooltip over de icon of the other class no matter the size of the screens

    Article preview component using flexbox and css grid

    1
    Emmanuel Moolongawi•110
    @EMLzmile
    Posted about 1 year ago

    Oh great, I like your work But Your code is complexe, I read it later

  • Control222•210
    @Control222
    Submitted about 1 year ago

    Owner avatar Testimonials-grid-section

    1
    Emmanuel Moolongawi•110
    @EMLzmile
    Posted about 1 year ago

    Great

  • BhargavMarala•80
    @BhargavMarala
    Submitted about 1 year ago

    four-card-feature-section-master

    1
    Emmanuel Moolongawi•110
    @EMLzmile
    Posted about 1 year ago

    your page is excellent, but the color of the box-shadow is too dark 😅, you could add more brightness

  • Rishi Raijung•310
    @riishi101
    Submitted about 1 year ago

    Responsive recipe page

    2
    Emmanuel Moolongawi•110
    @EMLzmile
    Posted about 1 year ago

    your solution to the challenge is good but the size of the body does not match, you should use

    .container{
     min-height: 100vh;
    }
    

    to fill the entire height of the screen

  • gayathri-v1•180
    @gayathri-v1
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I tried using CSS flex in this challenge.

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

    I tried as much as possible to give the solution as close to the preview. However in the div part of the flex, the border radius thing was challenging.

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

    nothing as such

    Social-links-profile solution

    2
    Emmanuel Moolongawi•110
    @EMLzmile
    Posted about 1 year ago

    It's super You can use a flexbox in a body and in your container justify-content space-between Applied

    body{
      display: flex;
      justify-content: space-between;
    }
    .container {
      display: flex;
      justify-content: center;
      flex: 1 1 auto;
    /*Code after*/
    }
    

    For center your box 😁 I hope it will build

View more comments

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