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

    FAQ accordion 🥚

    #accessibility#animation#sass/scss#typescript#bem
    • HTML
    • CSS
    • JS

    0


    🌟 Hello community! My name is Ezequiel and this is my solution for this challenge. 🍟

    🔧 I built this project using the following tools and techniques:

    • HTML5: For the structure and accessibility of the 🏗️ site.

    • CSS3: For styling and bringing each element to life. 🎨

    • Mobile First:** It is much more flexible, well it really depends on how you settle in layout and structure your project, in my opinion it was more flexible and faster.

    • TypeScript: Control data types at compile time.

    • Strict adherence to BEM notation: For clean and maintainable code. 💼

    Responsive Mobile design approach from the ground up, ensuring an optimal experience on all devices. 📱💻 A touch of creativity and passion in every line of code! 🚀✨

    I hope my solution will inspire and motivate others to move forward in their learning journey!

  • Submitted

    Page Recipe 🥓🥚

    #accessibility#sass/scss#bem
    • HTML
    • CSS

    1


    🌟 Hello community! My name is Ezequiel and this is my solution for this challenge. 🍔

    🔧 I built this project using the following tools and techniques:

    • HTML5: For the site structure.🍜
    • CSS3: For styling and bringing each element to life. 🎨
    • Strict adherence to BEM notation: For clean and maintainable code. 🥛
    • Responsive design approach: Ensuring an optimal experience on all devices. 📱

    The execution of this project was challenging and required a deep dive into the fundamentals of CSS. Although tedious, this experience broadened my understanding and strengthened my technical proficiency. (But it really made me brush up on CSS fundamentals. (⊙_⊙) )

    I hope my solution inspires and motivates others to move forward in their learning journey!

  • Submitted

    Component Social Card 🥫

    #accessibility#animation#bem#sass/scss#ember
    • HTML
    • CSS

    0


    🌟 Hello community! My name is Ezequiel and this is my solution for this challenge. 🍟

    🔧 I have built this project using the following tools and techniques:.

    • HTML5: For site structure. 🏗️
    • CSS3 For styling and bringing each element to life. 🎨
    • Strict adherence to BEM notation: For clean, maintainable code. 💼

    A touch of creativity and passion in every line of code! 🚀✨

    This challenge has been an exciting adventure, perfect for those who are taking their first steps into the world of web development. I hope my solution inspires and motivates others to continue on their learning journey!

    Any comments for improvement will be helpful. 🍇

  • Submitted

    Blog-Card (Flex) 🥓

    #accessibility#animation#sass/scss#jss
    • HTML
    • CSS

    1


    This project was very good to practice since I was out of shape for a while haha, in which I had problems with accessibility and some css effects. I hope you can give me some advice on my project thank you very much and happy coding. 🍟

  • Submitted

    Sing Up Component (Scss, Vanilla, Bem)🥚

    #accessibility#animation#bem#sass/scss#node
    • HTML
    • CSS
    • JS

    1


    Hello community, this is my contribution to this challenge. As for the coding part, I want to orient it to POO, since it is easier for me. I hope for some feedback to improve and thanks , happy coding.

  • Submitted

    Age-Calculator 🍔 (Vanilla, SCSS, TDD)

    #accessibility#bem#jest#sass/scss#node
    • HTML
    • CSS
    • JS

    2


    Hello community, well first of all I want to say the following: 'working with dates is a bit of a headache', or well for me it was haha, however I had a good result.

    And also in this project I implemented a test with vitest following the TDD methodology, to create my date class, and I had good results, although it took me a little more time, it gives me more confidence in the performance of my class.

    Question:

    • Does anyone know how I can test the dom elements?

    Thanks in advance and if you have any questions or improvements on any aspect of this project please let me know in the comments. Happy coding 🍿

  • Submitted

    Chart Component (JSON , JS, SCSS)🥨🥚

    #accessibility#bem#sass/scss#animation
    • HTML
    • CSS
    • JS

    1


    Hello community, in this challenge I wanted to get out a little of the established design, but without changing it completely, so I chose to put some interactivity and change the colors that I found a little boring. I also made the decision to put the json data directly in my javascript file, since it is static data, so it will be more flexible to work this way.

    Please if you have any questions, or improvements for my code, design, accessibility, or whatever you can let me know in the comments. Happy coding🍔

  • Submitted

    Testimonials Page (Js , Css) 🥗

    #accessibility#animation#bem#sass/scss#jss
    • HTML
    • CSS
    • JS

    2


    Hello community, I have solved another exercise, applying little logic with js, and more design in the part of css that complicated me a little. How can I make the text to be above the image? I tried to play with the positions, but it gives me a lot of problems with the heights, that is an inconvenience that I had. Please if you have any improvement for my code, design, or accessibility, I would be very grateful to know in the comments. Happy coding. 🍔

  • Submitted

    Card Ping Soon Page (Css Flexbox ▪🍬▪ )

    #accessibility#animation#bem#jss#sass/scss
    • HTML
    • CSS
    • JS

    1


    Hello community, I have finished this project and I really like the design and I added a small animation for the social links, if you have some improvements for my code, or about the accessibility, you can tell me in the comments, really help me to improve. Thanks and Happy coding. 🍕

  • Submitted

    Intro Component Form 🔱

    #accessibility#jss#sass/scss#bem
    • HTML
    • CSS
    • JS

    1


    Hi, I have finished this challenge on forms, I really liked to do it, I had problems with the design when implementing it with js, if you could give me advice on the design and functionality in general, I would appreciate it very much. Happy coding ❤

  • Submitted

    Base Appaarel Card (CSS Flexbox)

    #accessibility#animation#jss#sass/scss#bem
    • HTML
    • CSS
    • JS

    1


    Hello everyone, I wanted to make an animation with this project is something basicon but I really liked the result, I probably worked a little more on the part of the card and the styles themselves, but I think I got a good result and with my code. As always any comments to help me in my code and design, you can let me know in the comments box. Happy coding.

  • Submitted

    Article Component (Flex CSS) 💨

    #accessibility#bem#sass/scss#jss
    • HTML
    • CSS
    • JS

    1


    Hello community, I really did not encounter any problems in this project because the interaction really relied on css rather than js because it is just a set of classess with the components, I really liked it, it was something fun to do, and if you have any improvement for my code, both in the design, you can let me know in the comments, Happy coding.

  • Submitted

    FAQ Acording Card (CSS-JS) 💚

    #accessibility#animation#jss#sass/scss#bem
    • HTML
    • CSS
    • JS

    1


    Hello community, this project was complicated in the Js part because I feel that the code is not quite right, but the functionality is correct, and as for the design, if you can give me suggestions of what I can improve in my Css, I would appreciate it very much, and also my Js code, and html, I think it is correct and semantic, I did not use the details or summary tags, because I wanted a more personal design. And well as always you can tell me anything about my project and Happy coding. 🧡

  • Submitted

    Interactive Card Rating (Scss/Js) 🧡

    #accessibility#jss#sass/scss
    • HTML
    • CSS
    • JS

    3


    I really liked this project, and I also wanted to experiment with some perspective effect when displaying the letter, you know if you have any suggestions and how to improve my code you can tell me by commenting, happy coding.

  • Submitted

    Chat page with CSS Flex 🕳

    #bem#sass/scss#accessibility
    • HTML
    • CSS

    0


    Well this project turned out to be a lot of fun and for practicing my css and scss above all, I think I had a good result. Any improvement you have regarding my code and design please comment.

  • Submitted

    Huddle landing page with curved ❤

    #accessibility#bem#sass/scss#animation
    • HTML
    • CSS

    3


    Hello everyone, I had a problem with the fonts, well anyway I think I got a good result, and if you have any comments to improve my accessibility and my css code, I would be very grateful.

  • Submitted

    Results Summary (Css Flex Layout, Scss)💫

    #accessibility#angular#bem#sass/scss
    • HTML
    • CSS

    1


    In this project is my first time working with Sass and maybe I have many errors or things that I could improve, so if you can tell me I would be really grateful, I wanted to complicate some things that I could have done with css but I wanted to force a little more Scss since I'm learning it. And finally the project I managed to do well in my opinion. Happy coding ❤

  • Submitted


    Well this challenge helped me to practice more in mobile design, well for me that was what I had more complications, but I think I improved a little more in terms of accessibility, and I have more notion of how to position and align the html elements in a more effective way and without so many complications when moving to mobile design. If you have any corrections or suggestions to improve my code please let me know in the comments, happy coding.

  • Submitted


    This challenge has been very good to practice a lot, especially for me, with the mobile design, and the CSS grid, I had some delays in terms of the measures of each section, but I think I had a good result with this challenge, and you know that any improvement or any suggestion to improve my code you can tell me in the comments. Happy coding ❤

  • Submitted

    Clipboard Landing Page (Grid CSS) ❤🧐

    #accessibility#bem
    • HTML
    • CSS

    2


    Well, first of all I've been a little busy with a lot of things, but I still finished this project and the ones I'm missing haha 🤷♂️, I really liked this project, it made me review topics that I thought I already mastered as Css grid, the problem of collision of margins and some other issues, however I finished it and I feel I did well. As you know if you have any help to improve my code or design please comment.

  • Submitted


    This project was really a little difficult for me because I had some conflicts with the class names, however I really enjoyed practicing with this challenge because I unified a lot of css concepts, such as position, grid and flex.

  • Submitted

    Testimonials (Grid Css) ❤

    #accessibility
    • HTML
    • CSS

    0


    The testimodials with Css Grid

    This project was a bit tedious, but I really liked it, because it was a bit more work for me, as I had some problems with the mobile design, but I think I had a good result, and if you have some recommendations for my design or my styles please let me know.

  • Submitted


    This challenge I had some complications regarding the mobile design, but in general terms I think I had a good result, it was a lot of fun to do this challenge, and I plan to implement SAS in the next ones, for a better structure and modulation of it and finally if you have any suggestions about the code and design please let me know by commenting. 🐰❤

  • Submitted


    Well, in this project, it was a little difficult for me, because I have not practiced much with the grid, but I think my solution is good, and please any recommendation you can give me about the code or the design, I would be very grateful.