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

Tanyaradzwa(Tanya)

@Tanya-abi80 points

Baby Programmer.

Latest solutions

  • Responsive Recipe Page with HTML and CSS


    Tanyaradzwa(Tanya)•80
    Submitted 6 months ago

    I would like help with the areas I struggled with.


    2 comments
  • Social links card with html & CSS


    Tanyaradzwa(Tanya)•80
    Submitted 7 months ago

    Some posistive critism would be greatly appreciated.


    1 comment
  • Responsive Blog review card with html and css


    Tanyaradzwa(Tanya)•80
    Submitted 8 months ago

    I need help on how to adjust the svg blog image to match the specified width and height by figma(279 x 200), for a screen that is under 1140px.


    1 comment
  • Qr code page with HTML and CSS


    Tanyaradzwa(Tanya)•80
    Submitted 8 months ago

    When I used css flex I set the content to be set with space-around. However in the figma design I can tell the paragraphs are much closer to each other and I failed to do that.


    3 comments

Latest comments

  • Shiv1630-cyber•20
    @Shiv1630-cyber
    Submitted 7 months ago

    Recipe Page

    1
    Tanyaradzwa(Tanya)•80
    @Tanya-abi
    Posted 6 months ago

    Your HTML file is well-structured and follows semantic practices, but there are a few areas for improvement.

    The layout is supposed to accomodate different screen sizes and look different on a range of screen sizes.

  • P
    Eric Kumasaka•180
    @emkuma
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Used BEM (Block Element Modifier) for the class naming.

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

    Encountered difficulty getting "Live Server" extension for VS Code to work properly.

    I disabled Live Server and installed "Five Server".

    Five Server worked extremely well. It allowed me to easily test my website using my iPhone 13.

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

    I didn't see the need to use BEM for my buttons.

    I'm working to write efficient code without clutter.

    HTML , CSS. Visual Studio Code. Five Server extension installed.

    1
    Tanyaradzwa(Tanya)•80
    @Tanya-abi
    Posted 7 months ago

    Great work on the design.

    Fix Buttons: Use <a> for navigation links instead of <button> + <a>. Missing Closing Tag: Close the </body> tag properly. Alt Text: Make alt="Profile image of Jessica Randall" more descriptive.

    Add comments to break down sections of the code.<!-- Profile Section -->

  • Edifierx8•80
    @Edifierx8
    Submitted 8 months ago

    Blog preview card

    2
    Tanyaradzwa(Tanya)•80
    @Tanya-abi
    Posted 8 months ago

    Well done, you completed your activity.

    Try your best to follow the specifications set in the figma file. For accessibility and readability purposes, remember to use semantics in your code.

    When it comes to the Author section, try to use display:flex method to align the items.

    Your site is not responsive, you should use @media queries to help you with that. Always remember to design for the phone sizes first.

    Marked as helpful
  • Nitin Tiwari•120
    @Nitin8890
    Submitted 8 months ago

    QR-page

    1
    Tanyaradzwa(Tanya)•80
    @Tanya-abi
    Posted 8 months ago

    Well done on completing your project.

    You need to download the figma file, it will give you all the specifications you need, from color, font to dimensions.

    Marked as helpful
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