Sergio Barria

Pro
@sergiobarriasergio
Panama
165Points

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

  • Desktop design screenshot for the REST Countries API with color theme switcher coding challenge

    React & Styled Components to fetch data from API

    • HTML
    • CSS
    • JS
    • API
    P
    Submitted

    Any feedback is welcome,

    Thanks in advanced

  • Desktop design screenshot for the Photosnap multi-page website coding challenge

    HTML, SCSS, JavaScript

    • HTML
    • CSS
    • JS
    P
    Submitted

    This was really fun and learned a lot from finishing it. Happy to get your feedback.

  • Desktop design screenshot for the Pod request access landing page coding challenge

    HTML, SCSS, JavaScript

    • HTML
    • CSS
    • JS
    P
    Submitted

    Hi everyone,

    Happy to receive some feedback. Thanks in advanced.

  • Desktop design screenshot for the Easybank landing page coding challenge

    HTML, CSS (Flexbox & CSS Grid), JavaScript

    • HTML
    • CSS
    • JS
    P
    Submitted

    Hi everyone!

    This is the first challenge I submit on this platform. I really like this concept, because it helps sharpen our skills using real live projects (or close to that). I decided to use simple HTML, CSS and JavaScript because this project didn't require too much functionality, therefore I felt that using something like react would be overkill. What I liked about this project is that it seemed simple on the surface but you needed to put some effort on the positioning of items. The one thing I couldn't solve was to put a gradient border color on the navbar links (the one that is active).

    I would gladly receive some feedback from you (and if you know how to add the border with gradient, please let me know).

Latest Comments

    • HTML
    • CSS
    • JS

    Sunnyside agency landing page with TailwindCSS

    2
    P
    Sergio Barria165 | Posted 9 days agocommented on Michael Kret's "Sunnyside agency landing page" solution

    Hi Michael,

    Good job! My comments would be that the footer green doesn't seem to be the same as the design or other sections of the page. Same thing with text of the testimonials.

    I personally like and use tailwind a lot. Is really fast to apply styles and very intuitive, it has a small learning curve at start with all the utilities, but later one gets use to it. The only think I don't like about it is that if you write too many utilities is easy to make your html or components hard to read, there are ways around this though.

    In any case great job. Happy coding.

    0
    • HTML
    • CSS
    • JS
    • API

    React.js single-page app

    2
    P
    Sergio Barria165 | Posted 9 days agocommented on Aurora Sirigu's "REST Countries API with color theme switcher" solution

    Hi Aurora, Your solution looks great (at least on my browser), I don't know if you already fixed it or not but I don't see the troubles you mention.

    My only suggestion would be in the dark mode to apply the dark color to the entire body and not just to the container with the max width of 1440px. Is not a big deal really, I just think it looks weird with two white stripes on left and right side on larger screens.

    Again, great job!😁 Happy coding!!

    1
    • HTML
    • CSS

    Three Column preview cards solution

    2
    P
    Sergio Barria165 | Posted 11 days agocommented on Jean's "3-column preview card component" solution

    Looks good to me. 😁

    I would only suggest to play with the cards width a bit more. Maybe add a max width so they can look exactly as in the original design.

    0