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

Dineo Mashaba

@dineo-matla40 points

Aspiring Front-end Developer | HTML | CSS | JavaScript | SheCodes Student |

Latest solutions

  • Recipe page using CSS Grid and Flexbox


    Dineo Mashaba•40
    Submitted 3 months ago

    Could use some help with the layout.


    1 comment
  • Socials Links Preview using CSS Flexbox


    Dineo Mashaba•40
    Submitted 4 months ago

    1 comment
  • Blog Preview Card built with Flexbox


    Dineo Mashaba•40
    Submitted 4 months ago

    2 comments
  • QR Code Component using CSS custom properties


    Dineo Mashaba•40
    Submitted 4 months ago

    I struggled with file paths as my image was breaking. When I finally figured out how to fix the file paths and get my image to view on the local file, that boosted my confidence even further. However, once, I deployed the solution, the image was still breaking, I'm yet to figure out how to solve that one.

    What can I do to stop my image from breaking once it's been deployed? The file path issue was fixed for the image to be visible on the local file, but how can I fix it so the image is visible on the live site?


    1 comment

Latest comments

  • Winnie Andem•40
    @Winnie139
    Submitted 3 months ago

    Recipe Page using HTML and CSS

    1
    Dineo Mashaba•40
    @dineo-matla
    Posted 3 months ago

    You should use the font "Outfit" for the main text and the text "Young Serif" for the headings. Also, check the use of font colours as well. Otherwise, its not bad at all.

  • P
    Amariah Fuller•80
    @hairama
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I think I got the submission pretty close to the design. Figuring out how to provide a custom mouse cursor.

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

    Animating the links to match the Figma prototype, overcame with research.

    What specific areas of your project would you like help with?
    1. Not sure if my semantic HTML is correct
    2. The links change colors on hover, but when navigating with the keyboard only the text is selected. I'm guessing I should have only used <a> and not placed them inside <li> elements.

    transition: 1s;, clip=path: circle();,

    1
    Dineo Mashaba•40
    @dineo-matla
    Posted 4 months ago

    Pretty neat, and impressive work on getting it to match perfectly to the solution

  • Bloxer58•110
    @Bloxer58
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm satisfied that I learned how to use :hover in practical use.

    Blog preview card (HTML & CSS)

    2
    Dineo Mashaba•40
    @dineo-matla
    Posted 4 months ago

    This is pretty impressive, especially cause you managed to get the layout as close to the solution as possible.

  • FoxiSouthSide•20
    @FoxiSouthSide
    Submitted 4 months ago

    QR code component

    1
    Dineo Mashaba•40
    @dineo-matla
    Posted 4 months ago

    Great job on this project! Your code is well-structured, and the functionality works smoothly. The styling choices and responsiveness also add a polished feel to the project.

    The only area that needs adjustment is the layout—it should match the preview more closely. Once that’s refined, the project will look even more professional and aligned with the intended design.

    Overall, this is a solid project with great attention to detail. Keep up the great work! 🚀

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