Skip to content
OverviewSolutions
2
Comments
6
P
Sune Yde
@SuneYde

All comments

  • Sune Yde•140
    @SuneYdePosted about 1 month ago

    Really good and exactly like the project!

    0
  • arnoldpam11•120
    @arnoldpam11Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    What I am most proud of is that, it didn't take too long to make this project and somehow it is responsive and kind of close to the original. I should do differently next time is to make it more stunning.

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

    Challenges that I encountered during making this project was that I had having a hard time to set margins and paddings on the fonts because it was overflowing but then I figured it out how it works, thanks to chatgpt and other free resources out there.

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

    Need more help with the overflowing issues

    Product Preview Card Component

    2
    Sune Yde•140
    @SuneYdePosted about 1 month ago

    Its really good - just like the design!

    1
  • Abbas Sher•480
    @Abbassher55Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I'm thrilled to share that I've just completed my this project using Tailwind CSS and I'm eager to get your feedback on my work.

    I'd love for you to take a look at Tailwind CSS implementation and provide any suggestions or improvements you might have. Your insights are incredibly valuable to me as I continue to grow and learn in this space.

    Feel free to point out any other issues or areas where you think I could enhance the design or codebase. Your expertise would be immensely helpful as I strive to refine my skills.

    Thank you so much for taking the time to review my project. Your support means the world to me!

    Best regards, Abbas Sher

    Recipe page with tailwind css

    1
    Sune Yde•140
    @SuneYdePosted about 1 month ago

    The code is well-organized, using clear and consistent structure with proper usage of Tailwind CSS and custom font integration. The use of responsive design and defined typography across different media queries is effective. However, there are some empty --tw- variables (like --tw-pan-x, --tw-pan-y), which could be optimized or removed if unused. Overall, the styles are clean and scalable. Great job!

    Marked as helpful
    0
  • Brandon Jr Cortez•170
    @BrandonJr20Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    Cada vez es mas sencillo aplicar estilos

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

    Posiblemente en el repetitivo de display y en los tamanos, creo que no se ve del todo bien en moviles.

    Perfil de redes sociales

    1
    Sune Yde•140
    @SuneYdePosted about 1 month ago

    The use of hsl for colors and relative units like rem and vw is great for flexibility and responsiveness. However, using div for clickable links (instead of buttons or anchor tags) reduces semantic accessibility. The design is bold and spacious but could benefit from tighter padding and cleaner interactions like transitions for hover effects. Overall, it's a solid, adaptable layout but could use minor improvements for modern UI practices.

    Marked as helpful
    0
  • Sune Yde•140
    @SuneYdePosted about 1 month ago

    Great use of semantic elements like <main>, <section>, and aria-label for accessibility. Consider using <time> for the published date for better semantics. The alt text could be simplified for conciseness. Ensure the layout scales well on mobile by adjusting font sizes and padding. The "Learning" label could look more like a button as in the original design. Overall, solid structure and accessible, just small tweaks needed!

    Marked as helpful
    1
  • Wafae Haida•20
    @wafae-haidaSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I learned how to use HTML5 for semantic markup, CSS for styling, and Flexbox for creating responsive layouts. I also explored the box-sizing: border-box; property to ensure consistent element sizing and the importance of media queries for a mobile-first workflow. Additionally, I've effectively integrated these concepts to create a well-structured, responsive webpage.

    Some HTML code I'm proud of

    proud of this css

    {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  gap: 15px;
  box-sizing: border-box;
  padding: 15px;
  max-width: 230px;
  text-align: center;
  font-family: 'Roboto', Arial, sans-serif;
}
    What challenges did you encounter, and how did you overcome them?

    One of the challenges I encountered was making the design responsive. Initially, I struggled to achieve this using only CSS and HTML. However, I overcame this by learning and applying various CSS techniques, such as Flexbox and Mobile-first workflow. These strategies allowed me to create a layout that adapts smoothly to different screen sizes. This experience taught me the importance of responsive design in ensuring accessibility and usability across all devices.

    QR code responsive page solution

    1
    Sune Yde•140
    @SuneYdePosted about 1 month ago

    Your work shows great progress! The use of Flexbox, box-sizing: border-box, and mobile-first media queries is solid.

    What’s Good:

    • HTML: Great structure, though adding elements like <main> and <footer> would enhance semantics.
    • CSS: Well-organized and responsive, with effective use of Flexbox and modern practices.

    Suggestions:

    • Accessibility: Adding aria-labels and improving semantics will boost accessibility.
    • Responsiveness: Test on a wider range of screen sizes to ensure consistency.
    • Reusability: Consider utility classes for common styles to simplify your CSS.

    Keep up the good work!

    Marked as helpful
    1