Skip to content
OverviewSolutions
32
Comments
17
P

Carlos Castillo

@CharlieCastleWebBarcelona520 points

Front End Developer

Latest solutions

View more solutions

Latest comments

  • P
    Carlos Castillo•520
    @CharlieCastleWeb

    Hi CertificationSurya!

    Nice solution, can't really comment on the code since I don't know much React, but you definitely met the challenge requirements.

    Only thing I'd say is that the design is a bit off.

    Anyway nice solution! Keep up the good work!

  • Alperen Aksoy•150
    @aksoyalpi
    What challenges did you encounter, and how did you overcome them?
    • to style the input correctly when there is an error
    What specific areas of your project would you like help with?
    • if it is a (good) performant solution, or too complex

    Responsive newsletter sign-up form with javascript

    #sass/scss
    1
    P
    Carlos Castillo•520
    @CharlieCastleWeb

    Hi Alperen Aksoy!

    Nice solution. You matched the design and functionality! I would only suggest a more structured approach to your styles, maybe creating more variables and files so it would be more modular.

    Other than that I liked your solution!

    Keep up the good work

  • P
    Carlos Castillo•520
    @CharlieCastleWeb

    Hi Romel!

    Nice solution!

    You've definitely matched the design. I also liked your code but would recommend to use a more structured approach to it, like setting variables with common values.

    Anyway good job!

  • P
    Carlos Castillo•520
    @CharlieCastleWeb

    Hi M4R0C4!

    Nice solution. But there are some things off comparing to the design:

    • The images in the hero section should overflow a little bit according to the design.
    • The main section text is too wide.
    • The elements in the footer section should stack vertically in mobile, also the background should be positioned top.

    Other than that I loved your scss structure, nice code!

  • P
    Kellen James•350
    @Kellenkjames
    What are you most proud of, and what would you do differently next time?

    I'm proud of the modular SCSS architecture, BEM structure, and how closely the final build matched the Figma design across all breakpoints. Next time, I would plan the breakpoint strategy even earlier—defining custom breakpoints upfront for a smoother responsive flow.

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

    Managing decorative images that extended beyond the viewport was tricky, especially with transform offsets and padding interactions. I overcame this by refining the container structure, controlling overflow properly, and using custom flex strategies for wrapping and spacing at critical breakpoints.

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

    N/A

    Responsive landing page challenge focused on modular SCSS architecture

    #sass/scss#bem
    1
    P
    Carlos Castillo•520
    @CharlieCastleWeb

    Hey James!

    Awesome solution, I loved your styles structure.

    Just a couple of things, the images in the main content appear in a row in tablet design. Also there's the footer image missing.

    You might want to take a look at my solution, I try to follow ITCSS structure, a bit similar to your approach.

    Nice job! I'm definitely getting some ideas to improve my solution from seeing your code!

    Marked as helpful
  • P
    Carlos Castillo•520
    @CharlieCastleWeb

    Hey! Good solution overall, just a few comments:

    • Your solution skips the tablet design.

    • Since the quotation mark is a design element I would put it in css as background image.

    • Nice css structure. You could go a bit further and make it more modular, separating variables in different files.

    Nice work, keep it up!

    Marked as helpful
View more comments