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

Maicol Rodriguez Martinez 💻

@MaicolRomaColombia - Brazil60 points

hello guys greetings to all and thank you for your suggestions and corrections.

Latest solutions

  • Recipe omelette - solution


    Maicol Rodriguez Martinez 💻•60
    Submitted 9 months ago

    2 comments
  • social-links-solution


    Maicol Rodriguez Martinez 💻•60
    Submitted 9 months ago

    1 comment
  • blog preview card - solution


    Maicol Rodriguez Martinez 💻•60
    Submitted 9 months ago

    responsive desing


    1 comment
  • Qr-component-Solution


    Maicol Rodriguez Martinez 💻•60
    Submitted 10 months ago

    1 comment

Latest comments

  • Khrystyna Horbenko•230
    @KristinaHorbenko
    Submitted 9 months ago
    What challenges did you encounter, and how did you overcome them?

    While developing the recipe page, I encountered a difficulty. namely, the correct display of the recipe image in the mobile version so that it occupies the entire width of the screen without unnecessary indents. There were also difficulties with centering the section-attribution block so that it is located exactly in the center on all devices.

    bam blocks, flexbox, grid, media queries

    1
    Maicol Rodriguez Martinez 💻•60
    @MaicolRoma
    Posted 9 months ago

    hello friend I think your solution is very good, but you should work on the font styles especially the title and subtitle styles (Simple Omelette recipe, Ingredients, Instructions and Nutritions), also if you think well, you can work on the borders of the image by placing the property “border-radius” you can place a more rounded border, to leave your solution much better.

  • DavidanKord10•40
    @DavidanKord10
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of nothing

    What challenges did you encounter, and how did you overcome them?

    I lost a lot of time adjusting the height and width

    What specific areas of your project would you like help with?

    How to determine the width and height faster

    Social Link with Html, css, google font

    1
    Maicol Rodriguez Martinez 💻•60
    @MaicolRoma
    Posted 9 months ago

    Hello friend I think it is a good solution but you are missing to place the links at the bottom for your solution to be functional otherwise they are just text; Where you should place the links is in the class class=“second”, you can remove the <p> tag and replace it with the <a> tag to place the links and it would look something like this: <a href =“https://githum.com”>Github</a> good coding.

  • teenunirvan•30
    @teenunirvan
    Submitted 10 months ago

    flexbox, figma,

    1
    Maicol Rodriguez Martinez 💻•60
    @MaicolRoma
    Posted 9 months ago

    hello friend, congratulations, your solution is not bad but I think you should work more on the borders of the upper image using the sentence: border-radius; also you can style the letters, if you check the base file that you downloaded from frontmentor you will notice that inside it there is one called style-guide.md, there you can find the required styles for this challenge and you can improve your solution much more.

    Marked as helpful
  • Filip Anđel•120
    @filipangel
    Submitted 10 months ago

    Simple QR Code Page

    1
    Maicol Rodriguez Martinez 💻•60
    @MaicolRoma
    Posted 10 months ago

    Buena solución

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