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

Dani Feelshot

@FeelshotMéxico370 points

Marketing👨‍💻 | Tech 💻 | Gaming 🎮 | Voluntario en #Rotaract ⚙️ | Estudiando en Platzi 💚

I’m currently learning...

HTML, CSS & Javascript

Latest solutions

  • 3-column preview card | SASS

    #sass/scss

    Dani Feelshot•370
    Submitted over 2 years ago

    0 comments
  • Four card with SASS & GRID

    #sass/scss

    Dani Feelshot•370
    Submitted over 2 years ago

    1 comment
  • Single price grid component | SASS | Dani Feelshot

    #sass/scss

    Dani Feelshot•370
    Submitted over 2 years ago

    1 comment
  • Huddle landing page | Dani Feelshot

    #sass/scss

    Dani Feelshot•370
    Submitted over 2 years ago

    0 comments
  • NFT preview card | Dani Feelshot

    #sass/scss#accessibility

    Dani Feelshot•370
    Submitted over 2 years ago

    0 comments
  • QR code component | Dani Feelshot

    #accessibility#sass/scss

    Dani Feelshot•370
    Submitted over 2 years ago

    2 comments
View more solutions

Latest comments

  • Antony Daniel Ocegueda Ruelas•210
    @Antonator
    Submitted over 2 years ago

    HTML & CSS

    1
    Dani Feelshot•370
    @Feelshot
    Posted over 2 years ago

    Congratulations on your recent programming exercise fellow DEV! I'm sure you've learned a lot and I'm excited to see your exercise implemented so well. Good job and keep it up!

  • Eunice Sepúlveda•100
    @EuniceSp
    Submitted over 2 years ago

    QR code component

    2
    Dani Feelshot•370
    @Feelshot
    Posted over 2 years ago

    Congratulations on completing this challenge! I'm sure it was hard to conclude, but the results are incredible. Keeping up with programming can be a challenge, don't forget to read the official documentation to expand the options when solving a problem. If you need help tag me and I will gladly help you.

  • Joshua•40
    @jmzarate09
    Submitted over 2 years ago

    3-Column Preview Card Component - Solution

    2
    Dani Feelshot•370
    @Feelshot
    Posted over 2 years ago

    Hello future dev, I really liked your programming exercise! If you continue doing your exercises in this way, you will undoubtedly be a great programmer very soon. Keep trying and learning, and don't hesitate to ask for help when you need it, tag me and I'll be happy to help you!

    Marked as helpful
  • Kuromika•10
    @kuromika
    Submitted over 2 years ago

    Product preview card using Flexbox, ::before, picture and srcset

    2
    Dani Feelshot•370
    @Feelshot
    Posted over 2 years ago

    Congratulations on your recent programming exercise! I am sure you have worked hard and it has been a great achievement for you. Keeping up with the schedule can be a challenge, but your efforts have paid off. I'm excited to see how you develop as a programmer in the future. Good job!

  • Denisa Haka•30
    @Deni-ux
    Submitted over 3 years ago

    responsive layout using css grid, css custom properties, webp images

    3
    Dani Feelshot•370
    @Feelshot
    Posted over 3 years ago

    Very good, I loved the results :D

  • Sergio Lopez•110
    @lopezolidev
    Submitted over 3 years ago

    Order summary using grid and flexbox

    #accessibility#bem
    2
    Dani Feelshot•370
    @Feelshot
    Posted over 3 years ago

    Hello future Dev, I have found some errors that could make your exercise much better. Remember that there are no correct ways to do it, just different ways and the following is my personal recommendation :D

    The margin and padding on your elements is not properly applied, due to how you built the main container. You make a container card to center everything, however this harms the visualization of it. Try to make a card of a fixed size and center it with

    .card { display:flex; flex-direction:column; justify-content:center; Align-items: center; }

    I leave you my exercise so that you can visualize how I arrive at that solution, I hope it will help you.

    Github: https://github.com/Feelshot/practica-02-css Live site: https://practica-02-css.vercel.app/

    Greetings and good trip mate.

    Marked as helpful
View more comments

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