Skip to content
OverviewSolutions
8
Comments
8
Leonardo Vandes
@ChessUP

All comments

  • Leonardo Vandes•130
    @ChessUP

    It was very good, just needed to move the share arrow further to the left, other than that it was great.

  • Abdukadir Ibrahim•170
    @icabduqaadir12
    What are you most proud of, and what would you do differently next time?

    I'm proud of how clean and responsive the layout turned out. I structured the HTML semantically and used SCSS to manage styles more effectively and Grid to make it responsive. If I could do it again, I would try implementing the same layout using a JavaScript framework like React to push myself further.

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

    Positioning the cards properly using CSS Grid was initially tricky, especially with different column spans at different screen sizes. I overcame this by carefully analyzing the layout using DevTools and testing with media queries. Additionally, working with nested SCSS helped manage styles more cleanly.

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

    I'd like feedback on:

    How I structured my SCSS (e.g., nesting, readability)

    Responsiveness at unusual breakpoints

    Best practices for image accessibility and alt text

    Any SCSS optimization or structure advice

    Testimonials grid section using SCSS and CSS Grid

    #sass/scss#accessibility
    1
    Leonardo Vandes•130
    @ChessUP

    Congratulations, it was very good, I prefer to call the classes just by their name ".nameclass" without having to write the entire path, but your project was excellent.

  • Leonardo Vandes•130
    @ChessUP

    Congratulations on the project, it was very good, I prefer not to put a class in the main or create a section for the entire main, I think it is easier to read, even so it was great.

  • Renita M•50
    @renitam
    What are you most proud of, and what would you do differently next time?

    I am most proud of how fast I completed this component. I finished it in a day. It was good practice. Sometimes, I wonder if the way I'm setting up the css is kind of bad practice? Because I have it verbatim following the design system and it's not following BEM format or anything. Like could I be more efficient with the design?

    But I did mobile-first in this card component and it was really easy to put together. I had fun!

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

    I'm horrendous at linking URLs for fonts and typically just download the font file because I can't be bothered. They never seem to load well, otherwise. Is this good practice?

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

    Should I have used SASS or something like that? I feel like it's simple, but most of the projects in this responsive web building course seems to be repetitive and I feel like I might be missing something to simplify my code and CSS. Any pointers are very welcome.

    Basic HTML & CSS - DJ Khaled, another one!

    1
    Leonardo Vandes•130
    @ChessUP

    Congratulations on your project, I saw that you prefer to use more classes in CSS than tags, I found it a little different but it turned out very well too, congratulations.

  • Leonardo Vandes•130
    @ChessUP

    Congratulations on the project, it's great, try using Media Queries too, it's a good way to make the project much more responsive and better viewed on different types of screens.

  • Leonardo Vandes•130
    @ChessUP

    Vou até escrever em potuguês porque além de brasileiro é meu conterrâneo também kkkk, parabéns pelo código, ficou bom, fácil de ler, utilizei alguns detalhes diferentes, mas ó seu fico ótimo.

    Marked as helpful
  • Leonardo Vandes•130
    @ChessUP

    Your project is very good. In the @font face, try to also include a generic name, so you can support sites that are unable to load your font.

    Marked as helpful
  • Mckibz•10
    @Mckibz
    What are you most proud of, and what would you do differently next time?

    I'm most proud of my problem solving and research abilities pulling through to help me figure out things I wasnt sure how to do. Next time I will research things sooner.

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

    I didnt know how to force objects to where I wanted them to be on the page, or how to round corners. I overcame these obstacles through trial and error, as well as research on google.

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

    I'd like advice on how to make my CSS more efficient and specific, as well as advice on the mobile view.

    QR code sign up page

    1
    Leonardo Vandes•130
    @ChessUP

    Your website is very nice. Personally, I prefer to use Display Flex and Mobile First, but your CSS is cleaner and more understandable than mine, Congratulations on the website. Try to learn more about mobile first and media query, it will help you develop for mobile.