All solutions

What are you most proud of, and what would you do differently next time?

to be able to handle the handling of the button interaction that delivers the sharing content differently for different screens.

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

I had difficulty dealing with the visibility of the sharing content as the button was clicked, as well as its different format depending on the type of screen that consequently changed its content. I used the classList property a lot to solve this issue, simplifying the code using parameters. Working with the global object window and using eventListeners allowed me to solve the challenge.

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

I accept feedback on any part of the code. I will be grateful for any help!

What are you most proud of, and what would you do differently next time?

I better understood the use of Grid and I intend to continue using it to understand more.

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

my problem was dealing with the inversion of positions of some cards present, but I managed to solve it by persisting.

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

Any feedback on the project is welcome!

What are you most proud of, and what would you do differently next time?

for having managed to solve the problem of distributing the location of cards using Grid. I will continue using it for future challenges.

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

aiming for desktop design, I separated the middle cards into a section with a grid that can distribute the 2 cards in this column, while the others have only 1 card.

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

any feedback for the solution is welcome!

What are you most proud of, and what would you do differently next time?

I believe I can better understand responsive design. I want to improve it even more.

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

I had difficulty adjusting the size of the card in relation to the screen. I used percentage-based width to solve.

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

in short, at all. any review is welcome.

What are you most proud of, and what would you do differently next time?

I understood the logic and the correct way to use @font-face (I believe). In addition, I better understood the use of the semantic structure of HTML.

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

The responsiveness part was the one that took me the most time, but I managed to solve it with a lot of persistence.

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

with the project as a whole. I accept any feedback about my solution.

What are you most proud of, and what would you do differently next time?

This challenge made me better understand the use of Tailwind CSS and its usefulness in relation to website responsiveness. In future challenges, I intend to improve the use of it.

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

I had difficulty framing the main's child content with a due to the use of height: auto. but I managed to solve it by providing a functional width for it. I also had difficulties in understanding the import of the font present in the fonts folder. however, I was also able to resolve it.

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

I need help understanding if my challenge style is syntactically good and if the font import is correct.

What are you most proud of, and what would you do differently next time?

I pride myself on my dedication to trying to learn how to use Tailwind CSS which is completely new to me. I intend to improve my skills with Tailwind in future projects (integrating Next.js + React in future projects to learn them too)

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

my biggest challenge was dealing with the position of the content within the main div (the card). using flex, margin and padding, with a lot of dedication, I managed to solve

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

I want to understand what other ways I could have handled Tailwind's CSS classes. know if everything is ok this way. It's my first time using it, so I believe there may be more concise and organized ways to use it

What are you most proud of, and what would you do differently next time?

I'm happy to note that I'm improving my skills with the front-end, but I still have a lot to improve. next time, I intend to be faster and create better paths

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

My challenges were making the site responsive for different screens. I solved it after a long time changing the CSS measurement units

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

in everything possible. I still have a lot of difficulty understanding whether what I'm doing is the best thing to do. the broader the feedback, that is, going beyond HTML and CSS files and including the projection of the README, for example, it would be of great help so that I can adapt to the correct use of Frontend Mentor's functionalities