Skip to content
OverviewSolutions
20
Comments
20

Thomas

@TomSifFrance - Strasbourg550 points

Self-taught in retraining, photographer, graphic designer, computer tinkerer would be a good definition :)

I’m currently learning...

Next step : -SaSS -React

Latest solutions

  • Bookmark_Landing-page with Bootstrap and minimal JS

    #bootstrap
    Thomas•550
    Submitted 3 months ago

    I'm not particularly proud of this integration, I would change a lot of things if I had to start from scratch, but the idea was to discover the framework and I think I have a general idea of ​​how to use it now.

    2 comments

  • Room_Homepage-master with mixins

    Thomas•550
    Submitted 3 months ago

    Honestly, I had to pause the project for a while due to the hectic Christmas season at work. When I came back to it, it felt like sleeping in someone else's bed—it took me a full day to regain control and remember what I was doing. How do you stay on track with your projects? Do you take notes?

    1 comment

  • Front-end_Mentor_Loop-Studio

    Thomas•550
    Submitted 4 months ago

    I would like to know how to make a site completely responsive, and what are the norms and standards, for example up to what screen sizes, do you do your tests, what are the best practices, because I am moving forward a little by feeling and there are probably rules to follow that then allow the elements to grow or shrink harmoniously. Afterwards I take all the advice, thank you to those who will come take a look and leave a comment :)

    1 comment

  • Front-end_Mentor_NFT_Preview-CARD ( Tailwindcss )

    #tailwind-css
    Thomas•550
    Submitted 5 months ago

    Any advice is welcome, thanks to those who come and take a look :)

    1 comment

  • Frontend_Mentor_E-commerce_product_page

    Thomas•550
    Submitted 5 months ago

    All advice is good to take and thanks to those who will dig into my code, I think we could still push the integration on certain elements, notably how the modals close I still don't know how to animate the closures, but I saw a tutorial, but I haven't had the courage to start yet.

    1 comment

  • Front-end_Mentor_News_Homepage_main

    Thomas•550
    Submitted 5 months ago

    All advice is welcome, particularly on accessibility and focuses, I did based on my current knowledge. Thank you very much to those who take the time to read my code and leave a comment, it's always very encouraging and it's what allows me to progress.

    1 comment
View more solutions

Latest comments

  • Thomas•550
    @TomSifPosted 3 months ago

    wow this is pretty solid, the integration is perfect !

    • The responsive is pixel perfect, you did a great job! I think this is a much better project than mine, I will use your integration as a reference if I need to use Bootstrap again. Keep coding, see you soon :)
    1
  • Thomas•550
    @TomSifPosted 3 months ago

    First of all, congrats on the clarity of your code! I don’t know how you managed to achieve this so efficiently. Compared to mine, it looks so simple, yet you’ve achieved the same result. So, “Chapeau bas”! :)

    • You have just some small problems with the responsive side, but I reassure you, I did not succeed in doing exactly what I wanted either.
    • Don't forget to add meta description and meta keywords tags for SEO
    • Find out about the BEM method to name your classes in css, it's very usefull, if you plan to learn scss.

    So I hope these little tips can help you and congratulations again for the quality of your work, keep coding, good luck :)

    0
  • P
    Nadji CHABANE•590
    @CHBNDJSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    None

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

    None

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

    None

    Loopstudio Landing Page with Responsive Version

    1
    Thomas•550
    @TomSifPosted 4 months ago

    Great job, you did well, design is perfect.

    • You have just some small problems with the responsive side, but I reassure you, I did not succeed in doing exactly what I wanted either. When you increase the size of the screen and when you decrease it the elements either come out of their container, footer, and text, or go behind the visibility zone in particular the footer.
    • Don't forget to add meta description and meta keywords tags for SEO
    • Find out about the BEM method to name your classes in css, it's very usefull, if you plan to learn scss.
    • I invite you to check the modern reset css: https://www.joshwcomeau.com/css/custom-css-reset/

    So I hope these little tips can help you and congratulations again for the quality of your work, keep coding, good luck :)

    Marked as helpful
    0
  • Thomas•550
    @TomSifPosted 5 months ago

    Honestly your project goes well beyond my current knowledge, even if I have put my nose in react a little, for the moment it remains nebulous. So I do not see giving you advice however you forgot two hovers on the name and the title. For the rest, it is rather me who will follow you when I will have the courage to launch myself on next. Keep coding, cheers :)

    Marked as helpful
    0
  • Thomas•550
    @TomSifPosted 5 months ago

    Nice job ! :)

    • It's super well integrated, there's just a small bug when you click on the thumbnails in desktop version, the screen goes down and you can't access the navigation menu anymore, it can be quickly corrected however by removing overflow:hidden on the body or by adapting the size of the elements.

    • I really liked the + - buttons I would have liked to think of this design idea, however you could have animated the click on the buttons, it would have added user experience.

    • Otherwise it's better to use font-face for fonts and not forget the meta keyword and meta description tags for SEO referencing.

    Keep up the good work it's really clean, cheers :)

    0
  • Thomas•550
    @TomSifPosted 5 months ago

    Well done ! :) I really like how clear and concise your code is, I'm very poorly placed to give advice given my level but I can try to give you some points for possible improvement:

    • Don't forget to add meta description and meta keywords tags for SEO
    • Find out about the BEM method to name your classes in css
    • I invite you to check the modern reset css: https://www.joshwcomeau.com/css/custom-css-reset/
    • you could have made the h4s focusable by wrapping them in <a> tags
    • Otherwise it's really clean, you may have forgotten a couple of layout tweaks but overall it's very clean, more concise than the code I provided in any case.

    So I hope these little tips can help you and congratulations again for the quality of your work, keep coding, good luck :)

    Marked as helpful
    0
View more comments