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

Chiquita Minor

@MichelleMinor87Vicksburg ms170 points

Thank you for visiting my profile. My name is Michelle, and I am passionate about designing and coding. In my free time I am mostly learning something pertaining to design or trying to improve my skills with code. Whenever I take a break from them, I always find myself returning back to coding.

I’m currently learning...

I am currently learning Javascript.

Latest solutions

  • news home page flexbox responsive


    Chiquita Minor•170
    Submitted over 2 years ago

    0 comments
  • grid, flexbox, filter, hover form


    Chiquita Minor•170
    Submitted over 2 years ago

    0 comments
  • Huddle landing Page


    Chiquita Minor•170
    Submitted almost 3 years ago

    0 comments
  • SunnySide Agency Landing Pag


    Chiquita Minor•170
    Submitted almost 3 years ago

    0 comments
  • Single Price Grid.


    Chiquita Minor•170
    Submitted almost 3 years ago

    0 comments
  • 3 col preview card using flexbox


    Chiquita Minor•170
    Submitted almost 3 years ago

    0 comments
View more solutions

Latest comments

  • Mohan Krishna•160
    @Mohan823
    Submitted over 2 years ago

    Product preview card using Grid and Flex

    1
    Chiquita Minor•170
    @MichelleMinor87
    Posted over 2 years ago

    lol thats ok you did awesome with your design. Keep up the good work.

    Marked as helpful
  • Adeh Roland•90
    @adehsenior
    Submitted over 2 years ago

    Stats Preview Card Component

    2
    Chiquita Minor•170
    @MichelleMinor87
    Posted over 2 years ago

    you could use the mix-blend mode with the content and after pseudo for the css you have to make the background a color though for instance if the background color of that image is violet then your mix blend mode could use overlay try Kevin Powell on youtube he explains all of this very well. You could also use a div make it a class, but don't put anything inside the div use z-index and position absolute with this one. Hope this helps

    Marked as helpful
  • Trae Zeeofor•490
    @traez
    Submitted almost 3 years ago

    @traez's Huddle landing page with a single intro... using HTML and CSS

    2
    Chiquita Minor•170
    @MichelleMinor87
    Posted almost 3 years ago

    This looks awesome keep up the great work!

  • Nelson Rosario•50
    @NellyisDevv
    Submitted almost 3 years ago

    Stats Preview Card

    #sass/scss
    1
    Chiquita Minor•170
    @MichelleMinor87
    Posted almost 3 years ago

    I think your project and code looks great. I noticed you used filter in your css for your image which is cool I have never heard nor tried that one. You should try the mix blend mode for the image its pretty cool as well as the picture tag and source media tag they helped me a lot in this project. I've recoded this project at least 5x and always run into a bump.

    Marked as helpful
  • Kratai•10
    @KKTTAAII
    Submitted almost 3 years ago

    Product Preview Card

    2
    Chiquita Minor•170
    @MichelleMinor87
    Posted almost 3 years ago

    I'm not sure about the svg tag you can check css tricks about that part, but I used the picture tag with source media tag and that helped with the responsiveness of the image. You can also try width 100% height auto that helps sometimes as well! Hope this helps you did awesome keep it up!

  • Andrew Festa•50
    @afesta12
    Submitted almost 3 years ago

    Responsive Card Using Grid and Flex

    6
    Chiquita Minor•170
    @MichelleMinor87
    Posted almost 3 years ago

    This looks amazing! I learned about the picture tag recently and it helps with responsiveness as well so try that tag on your next challenge. I'm not sure about the flexbox and switching to grid neither. I think over time you will find what works for you honestly. I think that grid is great for certain projects as well as flexbox, but I guess they both should be fine.

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