Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
18
Comments
8
Dessidy
@Dessidy

All comments

  • Akinflex•10
    @Akinflex
    Submitted almost 2 years ago

    QR Code using HTML & CSS

    1
    Dessidy•300
    @Dessidy
    Posted almost 2 years ago

    Hello 👋👋👋

    Just got a few things to say on your code.

    body { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; }

    This Will perfectly center your code just like it is on the challenge. Its more advisable than margin:0 auto

    And every website must have at least 1 h1 tag

    That's all I have to say

    Nice code though 😁

  • P
    Leroy-sama•300
    @Leroy-sama
    Submitted almost 2 years ago

    Stats component made with css flexbox

    2
    Dessidy•300
    @Dessidy
    Posted almost 2 years ago

    Hey 👋👋👋

    I noticed your image doesn't have the purple background in it so I thought I would help out

    .img_container { position: relative; (This is very important!) }

    `.img_container::before { content: ""; position: absolute; inset: 0;

    background: var(--clr-Soft-violet); opacity: .8; mix-blend-mode: multiply; (This is just to make it blend better) } `

    Oh and also I noticed that you don't have <h1> tag, which is not so good practice. <h1> tags are very important to web pages.

    That's all though. Hope this helps 👦

    Marked as helpful
  • raf_0411•200
    @raf0411
    Submitted almost 2 years ago

    Profile card component using CSS Flexbox & Grid

    2
    Dessidy•300
    @Dessidy
    Posted almost 2 years ago
    
    background-image: url(bg-pattern-top.svg), 
    url(bg-pattern-bottom.svg);
    
    background-repeat: no-repeat;
    
    background-position: right 52vw bottom 35vh, 
    left 48vw top 52vh;```
    
    This is for the back ground positioning in the body
    Hope this helps 😁
    
  • Adrian•110
    @Kingofprund
    Submitted almost 2 years ago

    NFT preview card component using HTML and CSS

    1
    Dessidy•300
    @Dessidy
    Posted almost 2 years ago

    Try reducing the opacity of the cyan color. The image would be more visible also the eye icon, in general it will just blend things more

  • Erico•170
    @linerico
    Submitted almost 2 years ago

    Result Summary with HTML & CSS

    1
    Dessidy•300
    @Dessidy
    Posted almost 2 years ago

    Hello 👋👋

    I think you should increase your media query break point to let it display properly on mobile devices as the design suggest.

    @media (min-width: 600px)

    Also starting with a mobile first approach is a good practice.

    Hope you found this helpful 🙏

    Marked as helpful
  • Fabián Sojo•270
    @Sojo506
    Submitted about 2 years ago

    qr-code-html-css

    1
    Dessidy•300
    @Dessidy
    Posted about 2 years ago

    This is concerning your <h2> tag.

    A Website needs at least one <h1> so I think it's best if you use the <h1> tag then size it perfectly using font-size: ;

    Hope this was of help 😅

  • @Slaks97•180
    @Slaks97
    Submitted about 2 years ago

    Product preview card component - Responsive (HTML and CSS)

    4
    Dessidy•300
    @Dessidy
    Posted about 2 years ago

    In your .container class use:

    overflow: hidden; This will.make any overflowing content to be hidden, that's it basically, you can refer to my solution if it you think it will be of any help though.

    Hope this helps😅

  • KingLC01•30
    @KingLC01
    Submitted about 2 years ago

    QR Code using CSS

    1
    Dessidy•300
    @Dessidy
    Posted about 2 years ago

    Try this, I think it will help center your QR-Card better:

    Instead of making your margin: 50% it would be better as margin: 5rem auto top and bottom-5rem(it can be an figure you want though but his is just my advice), left and right-auto

    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

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