Skip to content
OverviewSolutions
10
Comments
9
D_Codeartisan
@DCodeartisan

All comments

  • D_Codeartisan•140
    @DCodeartisan

    Nice job done!

  • D_Codeartisan•140
    @DCodeartisan

    Good job done

  • P
    Eddie•140
    @WeatherheadOnline
    What are you most proud of, and what would you do differently next time?

    I'm proud of being able to use SASS for the first time, and of how quickly this project came together.

    And I'm proud of being able to justify my decisions, as outlined in the README. Here are some examples.

    • Using SASS because I wanted to use text-preset classes, while also not relying on adding text-preset classes in the HTML - I wanted all the CSS rules to explicitly arise from the CSS file(s) - and SASS allows for adding rule sets to other selectors (via @extend).
    • Choosing an alignment approach for the icons that didn't take them out of the page flow: hence I used flex, rather than absolute positioning or float.
    • The icons were included in img tags, rather than as inline svg elements which is the approach I would have used if their colors needed to be controllable via CSS.
    What challenges did you encounter, and how did you overcome them?

    I had originally used a set of nth-child selectors to color the top border of each card. However, when I pivoted to using flexbox, the new approach involved wrapping the middle two cards in a container div, and that threw off the nth-child selectors. I tried for a while to find a work-around, but ended up changing my approach and using color-specific classes.

    When I started using SASS for this project, I was initially confused about where the .sass file fits in to the workflow. I searched online for clues for a while, and eventually found "How to add SASS to your project", a blog post that helped me understand where SASS fits in, in a mechanical sense: what exactly it does and how I should use it.

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

    I'd love to hear any feedback you might have. In particular, do you have any suggestions for how I might improve my use of SASS? (Here's the link to my SASS file on GitHub.)

    Sassy Four-Card Feature Section

    #sass/scss
    1
    D_Codeartisan•140
    @DCodeartisan

    You've done a good job but you didn't pay attention to the project design. your flex boxes are not well arranged.

  • newJSHacker•90
    @laravue-18
    What are you most proud of, and what would you do differently next time?

    I'm proud of how I used Tailwind CSS throughout the project, and I'm especially happy with the way I customized the list styling to achieve a unique look.

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

    Customizing the list styling was challenging because Tailwind CSS doesn't provide utilities for custom list markers out of the box. To solve this, I combined Tailwind's utility classes with custom CSS. I used CSS variables to control the color dynamically and applied custome counters for decimal lists and custom bulltes for disc lists. This approach let me keep the styling consistent and flexible by leveraging Tailwind's @apply alongside traditional CSS for the ::before pseudo-elements.

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

    I would appreciate feedback or advice on how to further optimize my custom list styling approach using Tailwind CSS and CSS variables.

    Recipe Page

    #tailwind-css
    1
    D_Codeartisan•140
    @DCodeartisan

    Good job done

  • D_Codeartisan•140
    @DCodeartisan

    Good Job done. Try to check the style guide in the project file to see fonts and colors used in the design

    Marked as helpful
  • Daniel Oti Yeboah•40
    @TIC0NDER0GA
    What are you most proud of, and what would you do differently next time?

    When I styled the buttons I figured out how to use tailwinds selector feature to style all the child elements at once.

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

    My UI wasn't consistent from my local to git-hub pages. I had to look through my styling and realized I hadn't put a unit on the margins.

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

    When I styled the group of child buttons the tailwind CSS styling became very long, is there a way to consolidate it?

    Profile Links Page

    #react#tailwind-css#vite
    1
    D_Codeartisan•140
    @DCodeartisan

    Nice and clean code but I guess you forgot to work on the active states of the link. When you hover, bg-[#c2f72d], text-[#000000] and the cursor should be set as pointer.

  • Fa292•20
    @Fa292
    What are you most proud of, and what would you do differently next time?

    I'm proud of the fact that I was able to be more accurate with my stylings compared to my last design. Next time, I would try to be direct with my approach to styling.

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

    I'd like to be helped with the implementation of responsiveness(width and max-width) as said in the style guide.

    Blog preview card using html and css flexbox

    3
    D_Codeartisan•140
    @DCodeartisan

    Good job done, <br/> is wrongly used in your project.

  • D_Codeartisan•140
    @DCodeartisan

    Good job, well done.

  • D_Codeartisan•140
    @DCodeartisan

    Use this in your styles: body { margin: 0; height: 100vh; justify-content: center; align-items: center; display: flex; background-color: #d5e1ef; }

    Color picker will help you identify the actual color used in the project.