Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
16
Dipesh
@ddkogit

All comments

  • Celine Tran•120
    @CelineTrann
    Submitted over 1 year ago

    Blog Preview Card using CSS

    2
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    try using flexbox

  • Srushti•20
    @srushtibhise
    Submitted over 1 year ago

    HTML and CSS

    1
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    you should push image file into git.

  • Jz•10
    @jennnnn-z
    Submitted over 1 year ago

    beginner html and css qr component

    1
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    use flex box in body to center your component. It will look great.

  • Diana (Na Yeon) Go•50
    @smilenayeon
    Submitted over 1 year ago

    Responsive landing page using flex css

    #sass/scss
    2
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    great , just take care of the alignments a little bit .

    Marked as helpful
  • KareemWebber22•30
    @KareemWebber22
    Submitted over 1 year ago

    I used simple CSS rules.

    1
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    To put you qr in middle of page use: body{ margin: 0; height: 100vh; background-color: lightgray; text-align: center; dipslay: flex; justify-content: center; align-items: center; }

    Marked as helpful
  • Heaths•10
    @Heaths-707
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    jj

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

    jj

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

    jj

    QR component

    1
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    push image in guthub to display it. and use flexbox. ok

  • Yong Zhi•110
    @pohyongzhi
    Submitted over 1 year ago

    Qr Code Component with HTML and CSS

    1
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    thats nice, and you can use flexbox for this kind of design. Use grid if you jave to arrange items in two dimension like row and column.

  • Gustavo Machado•30
    @Guga-tab
    Submitted over 1 year ago

    QR Code Component

    2
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    use flexbox for this kind of layout, it will be much easier.

  • Azhar Ali•20
    @Pyazhar
    Submitted over 1 year ago

    blog-preview-card-main

    1
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    its great, now do it again using flex box and you will realize how easy it will be.

    Marked as helpful
  • Alex-coding-3420•40
    @Alex-coding-3420
    Submitted over 1 year ago

    Blog preview card solution

    1
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    doing great alex.

  • Vishnu.C P•20
    @vishnu-13-97
    Submitted over 1 year ago

    qr-code-scanner using HTML CSS

    #contentful#foundation
    1
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    its nice but i recommend centering the whole container containing the qr image.

  • KeDeJr•10
    @KeDeJr
    Submitted over 1 year ago

    QR Code challange HTML-CSS

    2
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    try learning flexbox. You don't need ai help then.

  • Vaggelis Chasiotis•10
    @VChasiotis
    Submitted over 1 year ago

    QR Code - Flexbox

    1
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    its working now. We have to wait some time for the github pages to work nicely.

    Marked as helpful
  • ismail haddad•20
    @ismail06-49
    Submitted over 1 year ago

    First-Solution 'by using css Grid

    1
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    now i recommend learning flexbox and trying again.

    Marked as helpful
  • P.Kishore Kumar•10
    @Pkishorekumar
    Submitted over 1 year ago

    QR-code-component

    1
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    yes, and also i recommend adding alt attribute in img tag.

  • Bazel•40
    @8BitSoda
    Submitted over 1 year ago

    QR Code Component

    2
    Dipesh•130
    @ddkogit
    Posted over 1 year ago

    you got it right but look at the padding and margin. Try using flexbox, it will be so much easier.

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

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