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

Tafadzwa Ruzvidzo

@Taffy-R50 points

I'm a frontend web dev who is passionate about making contributing to open-source more approachable, creating technology to elevate people, and building com

Latest solutions

  • Responsive product preview card using flex box and grid.


    Tafadzwa Ruzvidzo•50
    Submitted 11 months ago

    1 comment
  • Responsive Recipe page main using CSS and HTML


    Tafadzwa Ruzvidzo•50
    Submitted 11 months ago

    Having correct sizes of fonts pedding and margins.


    1 comment
  • Social links profile using HTML and CSS


    Tafadzwa Ruzvidzo•50
    Submitted 11 months ago

    1 comment
  • Blog preview card using HTML and CSS.


    Tafadzwa Ruzvidzo•50
    Submitted 11 months ago

    I'm not really sure where I am lacking but if you notice any your help will be appreciated.


    2 comments
  • Responsive page of mobile first using flexible box and no grid layout.


    Tafadzwa Ruzvidzo•50
    Submitted 12 months ago

    1 comment

Latest comments

  • matt2282•310
    @matt2282
    Submitted 11 months ago
    What challenges did you encounter, and how did you overcome them?

    The mobile page would get cutoff at the top if the height of the screen was not perfect. I fixed this by changing "height: 100vh" to "min-height: 100vh" in the body css.

    I was having some issues with the padding going outside of the out outer container so I used box-sizing: border-box; to make sure it did nothing went outside of the outer container.

    Product Preview Card

    1
    Tafadzwa Ruzvidzo•50
    @Taffy-R
    Posted 11 months ago

    Nicely done.

  • Gabriela Vespoli•90
    @gabihvespoli
    Submitted 11 months ago

    responsive page using flexbox

    1
    Tafadzwa Ruzvidzo•50
    @Taffy-R
    Posted 11 months ago

    You did a great job

  • Iván Fernández López•230
    @IvanFdez01
    Submitted 11 months ago
    What specific areas of your project would you like help with?

    I'd like to know about tables, more than the basics of table, tr, td, etc. And useful approaches with CSS.

    Basic flexbox, enumeration lists and intro to tables

    2
    Tafadzwa Ruzvidzo•50
    @Taffy-R
    Posted 11 months ago

    Nice work especially the layout. Try to make your website more responsive.

  • Ayman-Hussein•70
    @Astr0n1
    Submitted 11 months ago

    flexbow

    1
    Tafadzwa Ruzvidzo•50
    @Taffy-R
    Posted 11 months ago

    Nice! it's as to the size as it can be.here are some same suggestions for adding fonts provide in the assets.

    @font-face{
       font family: "font name here";
       src: url(assets/....)
    }
    
  • José Mama•240
    @codesByJose
    Submitted 11 months ago

    responsive Blog Template

    1
    Tafadzwa Ruzvidzo•50
    @Taffy-R
    Posted 11 months ago

    To better centre your card.

    body{
       display: flex;
       justify-content: center;
       align-iterms: center;
    ;
    
  • Shahram-ali-butt•30
    @Shahram-ali-butt
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I currently kept it pretty straightforward forward but in the future, I'll be using Sass as a CSS preprocessor. I also want to learn React so wish me luck!

    Frontend Mentor QR Code Challenge

    2
    Tafadzwa Ruzvidzo•50
    @Taffy-R
    Posted 12 months ago

    Good design just need to get the size correct.

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