All solutions

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

• Most Proud of:
  • Made some changes.
    • Rounded off and reduced the variety of spacing & sizes for more consistency.
    • Added some minor enhancements.
• Changes for Next Time:
  • Explore new tech - tailwind CSS and React
  • Improve img alt
• Toolkit:
  • 📄 HTML
  • 🎨 CSS (SASS)
  • 👾 JavaScript
  • 📱 Mobile-First Design
  • 🖼️ Reference (JPG)

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

• Toolkit:
  • 📄 HTML
  • 🎨 CSS (SASS)
  • 🖥️ Desktop-First Design
  • 🖼️ Reference (JPG)

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

• Most Proud of:
  • Made some changes.
    • Rounded off and reduced the variety of spacing & sizes for more consistency.
  • Practiced SASS.
    • Tried to imitate how professionals organize files.
  • Added some minor enhancements, such as navigation arrows for slider functionality.
• Changes for Next Time:
  • Try using Tailwind & React.
• Toolkit:
  • 📄 HTML
  • 🎨 CSS (SASS)
  • 📱 Mobile-First Design
  • 🖼️ Reference (JPG)

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

• Most Proud of:
  • Tried BEM naming convention.
  • Explored the details & summary elements.
  • Made minor adjustments to spacings and dimensions for consistency.
• Changes for Next Time:
  • Add animations/transitions.
  • Implement using other methods (like grid, etc.).
• Toolkit:
  • 📄 HTML
  • 🎨 CSS (SASS)
  • 🖥️ Desktop-First Design
  • 🖼️ Reference (jpg)
  • ⏱️ 2 Hours

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

• Most Proud of:
  • Made some changes.
  • Practiced SASS. Tried implementing a folder structure.
• Changes for Next Time:
  • Try the BEM methodology.
  • Enjoyed nesting CSS, will try to reduce it next time.
• Technologies used:
  • 📄: HTML
  • 🎨: CSS (SASS)
  • 👾: JavaScript
  • 📱: Mobile-First Design
  • 🖼️: Reference (jpg)

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

• Most Proud of:

  • Practicing Sass (mixins, functions)
  • Implementing responsive design.
  • Making some design changes.
  • Expected Completion Time: 1-3 days
    • Actual: about a week (due to ADHD) 😑
  • Technologies used
    • 📄: HTML
    • 🎨: CSS (SASS)
    • 🖥️: Desktop First Design
    • 📅 : Date-fns

• Changes for Next Time:

  • Implement unit testing.
  • Experiment with a web framework.

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

• Challenges Encountered:

  • Dealing with dates in JavaScript, which lacks a built-in subtraction method, particularly when considering leap years.
  • Lack of references for exact dimensions or specific styles applied.
  • Lack of motivation to complete the challenge.

• Solutions Implemented:

  • Used date-fns for date manipulations.
  • Applied the unit or style that seemed most appropriate.
  • Consumed snacks while working on the challenge as a source of dopamine fuel.

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

• Curious if the use of global variables is considered a bad practice.
• Seeking suggestions for better elements to enhance semantic HTML.
• Open to feedback if I’ve overlooked something or if there’s an issue with the logic or design.

Thank you

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

• What I am most proud of:
  • My 2nd SASS project.
  • Practicing responsive design.
• Technologies used:
  • 📄: HTML
  • 🎨: CSS (SASS)
  • 📱: Mobile First Design

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

• Challenges encountered:
  • Determining the exact dimensions and deciding which styles to apply.
    • Identifying the size and spacing from the image takes up most of the time. Any tricks or tips related to this would be greatly appreciated.
• How I overcame them:
  • I applied what I believed to be the closest match, but also made some minor changes for personal styling.

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

• What are the ideal HTML elements to use to achieve semantic HTML, especially in the Author section (which includes the image, name, and verified status)?

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

• Used SASS for the first time, specifically for nesting.
• Implemented some design changes.
• Adopted a desktop-first approach.
• Tools: HTML, SASS.

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

• Proud of:
  • Implemented my 4th FM proj.
• What I would do differently next time:
  • Use relative units instead of absolute units.
  • Allocate more time to match the design’s measurements closely.

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

• Challenge:
  • Lack of reference for exact dimensions and alignments.
• Solution:
  • Applied the unit or style that seemed the closest match.

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

• Determining the appropriate HTML elements to use in order to adhere to semantic HTML guidelines.

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

• Most Proud of: Implementing my 3rd FM project
• What I would do differently next time:
  • Personalize the project.
  • Didn't include the attribution this time.

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

• Challenge: No figma file this time. No reference for the dimensions or which style was applied to what.
• Solution: Applied the unit or style that I thought was the closest.

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

• None for now, but any suggestions are welcome.

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

• Proud of: Implementing my second FM project.
  • Made a small change; instead of the shadow moving when hovered over, the card moves instead.
• What I would do differently next time:
  • Implement using CSS Grid.

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

• Challenge: I was unsure about the thickness of the border and the weight of the date.
• Solution: I settled on a 1px border thickness and a font weight of 500 for the date.

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

• The appropriate semantic HTML for the component.

Thank you

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

• Proud of: Implemented my first FM proj, Yey!
• What I would do differently next time:
  • Implement with CSS Grid.
  • Use class names instead of nested CSS selectors.
  • Use relative units instead of absolute units.

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

• Challenge: Making the component responsive below 375px and preventing it from overflowing the parent (body).
• Solution: Set the QR component width to 100%, and set a max and min-width.

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

• What is the appropriate HTML element for the QR component to adhere to semantic HTML?
• Is it acceptable to use only nested element selectors, or is it better to use class selectors?
• Should responsiveness for screens smaller than iPhone SE (375px) or Galaxy Z Fold (344px) still be considered?

Thank you