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

Pedro Melo

@hmdev2130 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • article-preview-component

    #bootstrap#accessibility

    Pedro Melo•130
    Submitted 9 months ago

    I'd really like to know how I can make the shareBox (shareBox is the ID I defined for the div that appears "floating") follow the button that makes the "shareBox" appear, even when resizing the screen or if there is scrolling.


    1 comment
  • testimonials-grid-section

    #bootstrap

    Pedro Melo•130
    Submitted 10 months ago

    It seems that when using Bootstrap, there were some paddings or margins that I couldn't override, even using "!important".


    1 comment
  • four-card-feature-section

    #bootstrap

    Pedro Melo•130
    Submitted 10 months ago

    Nothing too specific, but while we're at it, I wanted to know if there are more efficient ways for responsiveness.


    1 comment
  • product-preview-card-component


    Pedro Melo•130
    Submitted 10 months ago

    I think I managed to solve everything.


    1 comment
  • recipe-page

    #bootstrap

    Pedro Melo•130
    Submitted 10 months ago

    I had an issue with the spacing between the markers and the text of the ordered list; I couldn't align it perfectly.


    1 comment
  • social-links-profile


    Pedro Melo•130
    Submitted 10 months ago

    In this project, I have no doubts; everything is perfect.


    2 comments
View more solutions

Latest comments

  • Nay Peter Ko•170
    @peter4049
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    The most proud of is I did the first challenge including basic JavaScript. The frontend mentor learning path is so helpful and gives you very basic. I'm so excited for upcoming challenges including complex JavaScript code.

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

    The challenge is that we use the class in HTML connected with JavaScript files.

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

    Image Hover section, share button, and social svg icon. I added Instagram SVG myself for additional.

    Artical-Preview-Component

    #accessibility
    1
    Pedro Melo•130
    @hmdev2
    Posted 9 months ago

    I found it interesting how you used the animations, really cool!!! A tip I learned recently: when using target="_blank", use rel="noopener noreferrer" to prevent attacks like Tabnabbing, redirect manipulation, or exposure of the Referer! Congrats on the code and the great animations!!!

    Marked as helpful
  • tjnut3•90
    @tjnut3
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I very pround about my nested grid. and good responsive in 3 range of pixel.

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

    The challenge is post is too big and it's hard to hold them in design.

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

    Did i miss some bootstrap material?

    Responsive Testimonials page

    #bootstrap
    1
    Pedro Melo•130
    @hmdev2
    Posted 10 months ago

    Good job, I liked your solution.

  • Zorbiks•210
    @Zorbiks
    Submitted 11 months ago

    Four card feature section with Bootstrap

    #bootstrap
    1
    Pedro Melo•130
    @hmdev2
    Posted 10 months ago

    I found your code clean and efficient; it’s a pleasure to see. The use of Bootstrap definitely helps a lot. Congratulations!!

  • bezoc•20
    @bezoc
    Submitted 10 months ago

    Product preview card component using HTML & CSS

    1
    Pedro Melo•130
    @hmdev2
    Posted 10 months ago

    Your solution is interesting, but I suggest using semantic elements to help with the organization and structure of the page content. Add a <footer> element to contain the footer that is currently positioned above the content and place it below the page content. Additionally, it’s worth reviewing how you handle the widths of your elements. Other than that, you’re on a good path. Keep practicing, and good luck with your future projects!

  • FAHAD-MUSHTAQ•10
    @FAHAD-MUSHTAQ
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm thrilled with how this project turned out and can't wait to dive into more complex projects in the future.

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

    The biggest challenges that I faces is how to make it a responsive design. So, to overcome this problem I uses Bootstrap for responsiveness of the page.

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

    Exporting Font-Family from Google fonts and Responsive Design.

    A Simple and Responsive Omelette Recipe Page

    #bootstrap
    1
    Pedro Melo•130
    @hmdev2
    Posted 10 months ago

    Consider using a 'container' to replicate the page as presented. You can contain the content within this container and align it with Flexbox or Grid. You can also use Bootstrap to simplify the process.

  • Pankaj•220
    @Pan1402
    Submitted 10 months ago

    Social Links

    1
    Pedro Melo•130
    @hmdev2
    Posted 10 months ago

    It's good practice to write the CSS in a separate file, but regarding the project itself, it's looking great!

    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