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

Danilo Simões Cunha

@daniloscunhaVitória, ES, Brasil55 points

I'm ux/ui designer diving into front-end development to better understand the limitations/possibilities when designing responsive solutions.

I’m currently learning...

Html, Css, JS.

Latest solutions

  • Profile Card


    Danilo Simões Cunha•55
    Submitted almost 4 years ago

    1 comment
  • 3 Column Card


    Danilo Simões Cunha•55
    Submitted almost 4 years ago

    1 comment
  • Stats preview card component


    Danilo Simões Cunha•55
    Submitted about 4 years ago

    0 comments

Latest comments

  • Bianca•145
    @Blanket25
    Submitted almost 4 years ago

    Mobile-first solution using CSS Flexbox and Javascript

    3
    Danilo Simões Cunha•55
    @daniloscunha
    Posted almost 4 years ago

    Good morning Bianca,

    There's a step-by-step video of this challenge. [Coder coder channel] (https://www.youtube.com/watch?v=FboXxLxg8eo&t=3135s)

    Maybe will help you to understand the image positioning process.

    Marked as helpful
  • gabriel-masson•40
    @gabriel-masson
    Submitted about 4 years ago

    My countdown timer solution - Brazilian time zone :)

    1
    Danilo Simões Cunha•55
    @daniloscunha
    Posted about 4 years ago

    Olá Gabriel,

    Minha sugestão é você determinar um tamanho para a div clock, como no exemplo a seguir:

    .clock {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 3rem auto; /* centraliza a div no body */
    text-align: center;
    max-width: 40em; /* determina a largura máxima, fazendo os itens ficarem próximos */
    }
    
  • swethalakshmi22•135
    @swethalakshmi22
    Submitted about 4 years ago

    HTML, CSS, FLEXBOX

    2
    Danilo Simões Cunha•55
    @daniloscunha
    Posted about 4 years ago

    Hey! Nice job! You should look for flex-direction (https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction) to solve the positioning of the image.

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