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

Moayad18

@Moayad18380 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

  • Calculator app


    Moayad18•380
    Submitted 6 months ago

    0 comments
  • Advice generator app


    Moayad18•380
    Submitted 7 months ago

    1 comment
  • Space tourism multi-page website


    Moayad18•380
    Submitted 7 months ago

    0 comments
  • Interactive card details form


    Moayad18•380
    Submitted 7 months ago

    0 comments
  • Newsletter sign-up form with success message


    Moayad18•380
    Submitted 7 months ago

    0 comments
  • Tip calculator app


    Moayad18•380
    Submitted 8 months ago

    1 comment
View more solutions

Latest comments

  • Hendrixx•430
    @BeeAlmighty
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?
    • I am happy i finished this project.
    • I'd try to finish the project faster next time.
    What challenges did you encounter, and how did you overcome them?
    • I experienced challenges with figuring out different grid components for different screen sizes. I had to use CSS media queries.
    What specific areas of your project would you like help with?
    • I'd need help with best practices to finishing this project as well as any other thing that needs pointing out.

    Testimonial Section with CSS Grid.

    1
    Moayad18•380
    @Moayad18
    Posted 8 months ago

    Good

  • Trevor•590
    @TrEv0rRrRr
    Submitted 8 months ago
    What specific areas of your project would you like help with?

    The grid, flexbox, sizes and relative values. It took me 3 hours to finish this challenge 💀.

    Four-card-feature-section

    1
    Moayad18•380
    @Moayad18
    Posted 8 months ago

    You should have used this too @media (width <= 480px)

  • Patricia Shiloh Kanneh•360
    @shekinahwebdev
    Submitted 9 months ago

    PRODUCT-PREVIEW-CARD

    1
    Moayad18•380
    @Moayad18
    Posted 8 months ago

    perfect solution

    Marked as helpful
  • mustysnl•20
    @mustysnl
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    i'm excited to have finished this challenge

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

    the font selection was difficult because it wasnt in the font family list on VS code. so i had to read an article on how to add up fonts. it was from there i got to google fonts and i added my font with the "@import".

    i also learnt that css is case sensitive🫨🤯

    i also encountered a little issue when i was hosting the site at GitHub page. the site hosted but the images wasnt showing. it was until i converted the image extension from .jpeg to .jpg before the image came out.

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

    more about designs and display types

    Recipe Main Page Challenge

    1
    Moayad18•380
    @Moayad18
    Posted 8 months ago

    You have a big mistake because you did not divide the supposed code. Each section you put in a div for easy editing and easy formatting with CSS. Look at my solution.

  • Sephirah Chesed•140
    @Sephydev
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I am really proud of how I organized my workflow. Since I've already the basics of HTML, CSS and Flexbox, I could manage to focus on the organization of my workflow. It is not perfect but I like it. If I have to do something differently next time, it would be to perfect my workflow. For this project, I worked section by section, HTML of the entire section before putting the CSS on it. Next time, I will try to work element by element, HTML before then CSS on it.

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

    Like I said, I already have the basics of HTML, CSS and Flexbox, so no challenges for me. But it was still fun to do.

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

    If you want to give me a feedback, don't hesitate. I could have help with :

    • Did I manage to follow best practices while coding?
    • What do you think of my code globally?
    • Any recommendation or advice to help me progress?

    Social Link Page

    1
    Moayad18•380
    @Moayad18
    Posted 8 months ago

    Perfect solution

  • Ritaban•20
    @Ritaban26
    Submitted 9 months ago

    CSS Blog card

    1
    Moayad18•380
    @Moayad18
    Posted 8 months ago

    Images are not showing on your site, please make sure the image path is correct.

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