Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted

    Refactoring SASS/SCSS Results Summary Component

    #accessibility#sass/scss
    • HTML
    • CSS

    0


    Hi guys Frank Itachi here 👋!

    I made some improvements and code refactoring to this solution. In general, for this challenge used:

    • Semantic HTML
    • CSS Grid
    • CSS FlexBox
    • Famous Josh Comeau's CSS reset

    I made the following changes to the SASS/SCSS code:

    • I created the sass folder and used the recomended structure to organize files and sub-folders in there.
    • Since this is a small project, I only added the helpers sub-folder.
    • I created the _variables.scss, _mixins.scss, and _reset.scss and put them inside the helpers folder.
    • @use “sass:list” to use a list of font weights and icons name.
    • I used the for loop to style multiple elements.
    • @mixin for media queries and elements styling.
    • Pseudo elements ::before and ::after to style the little lines on each elements' corner inside the summary section.

    Please spare a moment to review my code and suggest any improvement.

    Happy <coding /> 😎!

  • Submitted

    Responsive Social Proof Section

    #sass/scss#accessibility
    • HTML
    • CSS

    0


    Hi guys Frank Itachi here 👋!

    I managed to complete another challenge. For this challenge I used:

    • Semantic HTML
    • CSS Grid
    • CSS FlexBox
    • SASS:
    • @use “sass:list” to use a list of font weights
    • Variables for general styling.
    • @mixin for media queries and body background styling.
    • Pseudo elements ::before and ::after to style the backgrounds.

    Please spare a moment to review my code and suggest any improvement.

    Happy <coding /> 😎!

  • Submitted

    Profile Card Component

    #accessibility#sass/scss
    • HTML
    • CSS

    1


    Hi guys Frank Itachi here 👋!

    I managed to complete another challenge. Any comment and/or suggestion is welcome.

    Happy <coding /> 😎!

  • Submitted

    Responsive Four Card Feature Section

    #accessibility#sass/scss
    • HTML
    • CSS

    0


    Hi guys Frank Itachi here 👋!

    I managed to complete another challenge. Any comment and/or suggestion is welcome.

    Happy <coding /> 😎!

  • Submitted

    Responsice Haddle Landing Page

    #accessibility#sass/scss
    • HTML
    • CSS

    0


    Hi guys Frank Itachi here 👋!

    I managed to complete another challenge. Any comment and/or suggestion is welcome.

    Happy <coding /> 😎!

  • Submitted


    Hi guys Frank Itachi here 👋!

    I managed to complete another challenge. Any comment and/or suggestion is welcome.

    Happy <coding /> 😎!

  • Submitted


    Hi guys Francisco here!

    I’m still a newbie but this is my approach to this challenge. If you have any suggestion of how I can improve the code or the design please let me know in the comment sections. Any help or advice would come in handy.

    Thanks, in advanced.

  • Submitted


    I thought that this challenge was going to be easy, but it turned out taking me more time than I expected. Anyway, I’m a beginner so I guess that it’ll get better as I gain more experience.