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

Donia Elsayed

@donia-elsayed60 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

  • Responsive Four card feature section

    #pure-css

    Donia Elsayed•60
    Submitted 3 months ago

    1 comment
  • resposieve product preview card

    #pure-css

    Donia Elsayed•60
    Submitted 3 months ago

    1 comment
  • resposieve recipe page

    #pure-css

    Donia Elsayed•60
    Submitted 3 months ago

    1 comment
  • social links profile

    #pure-css

    Donia Elsayed•60
    Submitted 3 months ago

    1 comment
  • blog card with pure css

    #pure-css

    Donia Elsayed•60
    Submitted 3 months ago

    1 comment
  • Resposieve Qr code component


    Donia Elsayed•60
    Submitted 3 months ago

    0 comments

Latest comments

  • Jatin Sharma•140
    @Jatin-6622
    Submitted 3 months ago

    4CardSolution_Grid

    #pure-css
    1
    Donia Elsayed•60
    @donia-elsayed
    Posted 3 months ago

    need to make more space on the top of the page also the width of cards need to increase a little bit

  • Abdul Aziz•10
    @abdul8704
    Submitted 3 months ago

    Responsive Product Card

    #pure-css
    1
    Donia Elsayed•60
    @donia-elsayed
    Posted 3 months ago

    the font family of the perfume word need to change the h1 Gabrielle Essence Eau De Parfum need to make Gabrielle in a line and Essence Eau in a line and De Parfum in a line

  • Valeria-Castillo•30
    @Valeria-Castillo
    Submitted 4 months ago

    recipe page

    #pure-css
    1
    Donia Elsayed•60
    @donia-elsayed
    Posted 3 months ago

    it should have a space above the card that contain all the content need to add pollet points for preparation time points need to add two horizontall lines after ingreduans and instructions for the table need to make the numbers to start from left side

  • Tiamiyu Blessing Azeez•80
    @Tygertech
    Submitted 5 months ago

    HTML and CSS

    #pure-css
    1
    Donia Elsayed•60
    @donia-elsayed
    Posted 3 months ago

    the black background should be for all page the background color of social links like github , linked twitter instgram should be gray color like design not white

  • Nafis Abdullah•10
    @always424
    Submitted 3 months ago

    Used semantic HTML, CSS variables, Flexbox, responsive design, and mod

    #pure-css
    1
    Donia Elsayed•60
    @donia-elsayed
    Posted 3 months ago

    need more padding of card to cam make the paragraph appear like in design and the width of card

  • Dimas Abian•10
    @galahad20
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of the responsive design. In every media quaries added, i add different properties based on the max-width. Making sure that it will be displayed as in the design given. But it display different after i upload it on github pages. Next time, I would plan my code structure better before starting development. While working on this project, I realized that some parts of my code could have been more organized and reusable.

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

    I faced a lot of problems. Make the card stay at the center even the width or the height change. Don't forget to mention the text inside it, that keep overlapping every media max-width changes. But i manage to overcome it by looking at the tutorials from youtube and similar problems from stack overflow. There also problem when i try to make it appears responsive on mobile size (375px), the container's margin cannot be changed in media (max-width: 375px). After, set the max-width into 376px, it worked. The margin changed.

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

    Since i am still new to css, i would like to get to get tips on making responsive pages and what to configure after upload it on github pages. It displayed different.

    QR Code component

    1
    Donia Elsayed•60
    @donia-elsayed
    Posted 3 months ago

    the only difference between the solution and design there is a lot of space at the bottom of the card and this sentence "Improve your front-end skills by building projects" should be displayed on two lines not three

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