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

Vongai O Machingura

@livvyvi3Cape Town80 points

A girl, who wants to create beautiful applications and websites to help businesses achieve their objectives. After all that is delivered, why can't the girl understand the environment in which these beautiful creations live?

Latest solutions

  • NFT-preview-card-component-solution


    Vongai O Machingura•80
    Submitted almost 3 years ago

    1 comment
  • QR Component Solution.


    Vongai O Machingura•80
    Submitted almost 3 years ago

    1 comment
  • rating-component-solution


    Vongai O Machingura•80
    Submitted almost 3 years ago

    0 comments
  • olivia-product-preview-card-component


    Vongai O Machingura•80
    Submitted almost 3 years ago

    0 comments

Latest comments

  • Stacey•30
    @staceysav
    Submitted almost 3 years ago

    Responsive QR-component using Flexbox

    4
    Vongai O Machingura•80
    @livvyvi3
    Posted almost 3 years ago

    Hi Stacey Good way to go. You may look more into CSS grids so you may apply media queries. The CSS grid is a newer standard that makes it easy to build complex responsive layouts. It works by turning an HTML element into a grid, and lets you place child elements anywhere within. The you may use media queries to control responsive component layouts for the website.

    Marked as helpful
  • Sri Vishwa•10
    @SriVishwa-S
    Submitted almost 3 years ago

    QR code component using CSS Flexbox

    3
    Vongai O Machingura•80
    @livvyvi3
    Posted almost 3 years ago

    Hi good attempt you can add the alt attribute, on standard it can be a short description of the image in this case the QR image, in the case that the image is not displaying the user can see which image could have been rendered.

         <img src="images/image-qr-code.png"  alt="QR-image"/>
       </div>
    

    You can add the font link as an import in styles.css <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap" rel="stylesheet">

    You can remove the tag <div class="page">

    and add the css declarations of the class selector

    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