All solutions

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

During this project, I reviewed some concepts related to designing responsive layouts and working with images.

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

Overall, the project was manageable.

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

I'm open for reviews and suggestions.

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

Overall, I learned to use the and tags in HTML for creating collapsible sections. Additionally, I explored how to incorporate JavaScript to toggle classes and enable keyboard navigation through properties.

document.querySelectorAll(".faq_heading").forEach((heading) => {
  heading.addEventListener("click", () => {
    const faqItem = heading.parentElement;
    faqItem.classList.toggle("active");
  });
});

:focus-visible {
  outline: 0.1875rem dotted #9b59b6;
  outline-offset: 0.125rem;
}

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

Following the model was a bit tricky. The unique way to achieve the same result was by using the and tags in HTML to create collapsible sections.

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

Overall, the project was manageable. However, I need to focus more on using semantic HTML structure tags.

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

Creating the table at the bottom of the recipe required specific attention. It was important to review how to use "colspan" to merge cells and to insert separators using

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

After several attempts, I learned how to use fluid sizing for padding.

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

Initially, I thought it was a little different from fluid typography, but in the end, I found that it works pretty similarly.

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

I'm open for reviews and suggestions.

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

During this project, I reviewed some concepts related to designing layouts and working with images and hyperlinks. Additionally, I learned and applied new concepts about typography, such as "fluid typography" and "variable fonts." Honestly, it was the first time I had heard about them, and I had a great experience calculating formulas and learning about the possibilities that variable fonts offer.

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

I had no idea how to calculate Fluid Typography and work with variable fonts. Luckily, I found excellent resources that taught me how to do it.

Useful resources

• Modern Fluid Typography Using CSS Clamp - This article illustrates how to correctly calculate fluid typography.

• Getting started with Variable fonts on the web - This video offers a meaningful overview concerning variable fonts and also shares useful resources and tips for working with typography in our projects.

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

I usually rely on media queries to adjust my exercises based on screen resolutions. When should I specifically use 'fluid typography' and 'fluid sizing'?

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

After completing this challenge, I questioned the necessity of creating for each element.

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

The project helped me review concepts related to CSS custom properties and Flexbox. It also encouraged me to revisit how to set up and work with SASS.

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

I'm open for reviews and suggestions.