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

Francisco Becerra Rodriguez

@FranciscoFrontEndDeveloperColombia460 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

  • Contact form with Angular and reactive forms


    Francisco Becerra Rodriguez•460
    Submitted 23 days ago

    0 comments
  • FAQ accordion With Angular material and Angular 19

    #angular#angular-material#sass/scss

    Francisco Becerra Rodriguez•460
    Submitted about 1 month ago

    0 comments
  • Browser extension manager UI With Angular 19


    Francisco Becerra Rodriguez•460
    Submitted about 1 month ago

    Where I think I need serious help is in the responsiveness part since I want to create it at the beginning of the development of the challenge but I feel that I am not following some kind of guideline completely.


    3 comments
  • Recipe page main solution challenge


    Francisco Becerra Rodriguez•460
    Submitted 5 months ago

    0 comments
  • Social links profile Frontend Learning Path

    #sass/scss

    Francisco Becerra Rodriguez•460
    Submitted 6 months ago

    0 comments
  • blog-preview-card-main with tailwind

    #angular#tailwind-css

    Francisco Becerra Rodriguez•460
    Submitted over 1 year ago

    Me gustaria que el diagrama llevara la medidas en px de los elementos que se muestran en pantalla


    0 comments
View more solutions

Latest comments

  • Francisco Becerra Rodriguez•460
    @FranciscoFrontEndDeveloper
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    What I liked most is that I was able to do this challenge in Angular and it served as practice. The next thing I would do would be to implement responsiveness for tablets. From the beginning, I had left it for the end but an error occurred.

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

    Without a doubt, the challenges when developing this challenge in Angular were that it reused several components and to communicate them between them has its own dynamics

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

    Where I think I need serious help is in the responsiveness part since I want to create it at the beginning of the development of the challenge but I feel that I am not following some kind of guideline completely.

    Browser extension manager UI With Angular 19

    3
    Francisco Becerra Rodriguez•460
    @FranciscoFrontEndDeveloper
    Posted about 1 month ago

    Thanks calululu For your feedback, the remove button now works, and I've made adjustments to the settings so it can be viewed on tablets, as well as making other minor adjustments that were needed.

  • DILHT•160
    @DILHT
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    i proud that i have finally managed to finish it

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

    i struggled with grid layout

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

    how can i make my css clean

    A Responsive Testimonial page

    1
    Francisco Becerra Rodriguez•460
    @FranciscoFrontEndDeveloper
    Posted 5 months ago

    In this challenge the application of the background color and the color of one of the mulberries is not the right one but I think it is because of the size of my monitor that it is smaller than 1440 x 900 and I think I was so tired when I finish it was passing me

  • Vladyslav Novikov•90
    @wtfkimi
    Submitted 5 months ago
    What challenges did you encounter, and how did you overcome them?

    I haven't used the grid mesh for a long time, I had to strain my "makitra".

    Four card

    1
    Francisco Becerra Rodriguez•460
    @FranciscoFrontEndDeveloper
    Posted 5 months ago

    In this challenge I didn't have any major inconveniences although placing the icon in the bottom right corner of each card made it difficult for me a little

  • P
    Gabe•320
    @gabei
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I am happy with the slight design changes that I made. The background has a little bit more texture now without being overwhelming, and the Add to cart button has a little bit of animation to spice it up. I think I might simplify animations in the future. I have a feeling that my approach is too cumbersome - but I need to research this a little more.

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

    I had a little bit of difficulty determining how to use the <picture> element at first. Once I figured it out I fell in love with how simple it is to responsively swap out images.

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

    Any feedback is great. If anybody has insight into css animations or the logic that controls them in the JS, I'd love some resources.

    Product Preview with Cart Animations and Background Styling

    #animation#node#sass/scss#accessibility
    2
    Francisco Becerra Rodriguez•460
    @FranciscoFrontEndDeveloper
    Posted 5 months ago

    The solution tries to have a good gent of semantic html but if there is a tag after h1 and that is not advisable

  • Agner•90
    @AgnerShimokawa
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to create the whole page fairly quickly with almost no difficulties, next time I would like to try to finish it in a shorter amount of time.

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

    Mostly with the colors, most of the colors from the pictures didn't match the colors given to be used, so it was a lot of guess work to find out which would go where.

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

    How to decide which section of the page to put the spacing in between sections, I would guess on the top one, since the stylizing is done top to bottom, but sometimes I just get confused as to where exactly to put them.

    Responsive Recipe Page

    1
    Francisco Becerra Rodriguez•460
    @FranciscoFrontEndDeveloper
    Posted 5 months ago

    En este reto lo que me parecio mas dificil fueron los estilos de las listas ya que la etiqueta toma los datos generales.

  • Muhammad Abrar•160
    @abrarishere
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I had learned scss few months ago but this is my first project with it.

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

    Despite not having access to a PC, I discovered through experimentation and study that there are numerous methods to overcome any challenge we encounter.

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

    I require assistance with finalizing the design elements, ensuring compatibility across different devices, optimizing page loading speed, and implementing any additional features for enhanced user experience before publishing the site.

    Profile Links Webpage Responsive

    #sass/scss
    1
    Francisco Becerra Rodriguez•460
    @FranciscoFrontEndDeveloper
    Posted 6 months ago

    I tried to ensure that my solution had the correct HTML tags and that it was as semantic as possible and that it was organized and self-explanatory about the order and arrangement of the containers.

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