Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
22
Comments
7

MioMauro

@MioMauroItaly400 points

I'm learning - code addict

I’m currently learning...

html-css-js-node.js-React

Latest solutions

  • Product-prewiew-card


    MioMauro•400
    Submitted about 3 years ago

    0 comments
  • intro-section-with-dropdown


    MioMauro•400
    Submitted about 3 years ago

    1 comment
  • time-tracking-dashboard-main


    MioMauro•400
    Submitted about 3 years ago

    0 comments
  • Fylo landing page with dark theme and features grid


    MioMauro•400
    Submitted about 3 years ago

    0 comments
  • Social-Media-Dash


    MioMauro•400
    Submitted about 3 years ago

    0 comments
  • room-homepage-master


    MioMauro•400
    Submitted about 3 years ago

    0 comments
View more solutions

Latest comments

  • Lacey E•110
    @laceeder
    Submitted about 3 years ago

    Huddle landing page with curved sections

    1
    MioMauro•400
    @MioMauro
    Posted about 3 years ago

    For the registration forms and the various messages (whether you have to enter email, pass, etc. etc.) it is all in the correct form setup in the HTML. Try "Registration Form" in CodeCamp.".

    Marked as helpful
  • Claire Conrardy (She/Her)•100
    @claire-conrardy
    Submitted about 3 years ago

    Responsive page using CSS Grid

    #sass/scss
    2
    MioMauro•400
    @MioMauro
    Posted about 3 years ago

    Not perfect, but better @media only screen and (max-width: 1200px) { body {
    height: auto; flex-direction: column; padding: 0 50px; } body .container {
    display: flex;
    flex-direction: column;
    }

  • Lacey E•110
    @laceeder
    Submitted about 3 years ago

    Testimonials Grid

    1
    MioMauro•400
    @MioMauro
    Posted about 3 years ago

    One piece of advice I was given that I was also getting wrong until now is that when setting the grid, the dimensions should not be set. Neither to the fathers nor to the children. Everything must be relative.

    Marked as helpful
  • Lacey E•110
    @laceeder
    Submitted about 3 years ago

    Stats Preview Card Solution

    1
    MioMauro•400
    @MioMauro
    Posted about 3 years ago

    Try not putting any position, by default it stays at the bottom, try so:

    footer .attribution { color:hsl(0, 0%, 100%); font-size: 0.7778em;
    }

  • aryan katiyar•20
    @inumaki
    Submitted about 3 years ago

    CSS grid and flexbox

    #accessibility#bootstrap#cube-css#itcss
    1
    MioMauro•400
    @MioMauro
    Posted about 3 years ago

    No grid is needed in this challenge, just 2 different flexboxes. One is the main container, and the other where the icons are. Ultimately you have 2 elements, you use the grid if you have more. The way I see the challenge, then there are 1000 ways to get to result.

  • Christine Belzie•30
    @CBID2
    Submitted about 3 years ago

    QR Code using Semantic HTML and CSS properities

    2
    MioMauro•400
    @MioMauro
    Posted about 3 years ago

    Basically it is like this - * {margin: 0; padding: 0; box-sizing: border-box;}. Before writing the code you should help yourself with a graphics program, to see the dimensions and some spaces, I use Inkscape (free). For fonts, padding, marging it is best to use the units rem or em

    Marked as helpful
View more comments
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