Skip to content
OverviewSolutions
8
Comments
8

Mihail

@Mihail-Krasnoder110 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • P
    Mohammed-Osama-pg•140
    @Mohammed-Osama-pg
    What are you most proud of, and what would you do differently next time?

    In this project, I practiced responsive layouts, hover effects, and used validation tools to refine my code. I also improved my accuracy in estimating project time and followed a structured testing workflow.

    Responsive landing page using SASS

    #sass/scss
    2
    Mihail•110
    @Mihail-Krasnoder

    Really astonishing webpage. Your sample looks like original, your code looks so professional such as you are Senior. When I look at this, I start thinking that I'm stupid programer :D I didn't cope with it task perfectly

  • Mihail•110
    @Mihail-Krasnoder

    Cool! It looks complitely the same way.

  • Mihail•110
    @Mihail-Krasnoder

    Amazing work. It's completely the same with given sample. Nice job mate!

  • Abel Valverde Ortuño•110
    @AbelVOrtuno
    What are you most proud of, and what would you do differently next time?

    Me gusto que el proyecto fue compatible todavia con Ruby SASS. Ademas el uso de SASS mejoro aun mas el flujo de trabajo al organizar mejor los estilos dejandolos en archivos parciales,lo que contribuyo a un html semantico y limpio.Tambien el uso de display-grid y display-flex,permitio adaptar y organizar mejor la informacion en el contenedor.

    Veo que Ruby SASS ya no tiene soporte,asi que espero utilizar una herramienta mas actual y potente como Dart-SASS

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

    Me costo trabajo hacer que la imagen no desbordara del contenedor y que el border-radiusse mostrara en ella.Pero me ayudo revisar el inspector de Firefox para renderizar mejor el contenido.

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

    Me gustaria que me ayudaran con lo que tiene que ver con las media-queries y como configurar gulp y otras herramientas para emplear preprocesadores como SASS y LESS.Ademas acepto cualquier sugerencia sobre el codigo.

    Tarjeta hecha con SASS Grid y Flexbox

    #sass/scss
    1
    Mihail•110
    @Mihail-Krasnoder

    Really nice! You were close to the sample. Try to rework the image size and adjust gaps between blocks in mobile view.

  • P
    AM-TECH•210
    @ameer112-746dgd
    What are you most proud of, and what would you do differently next time?

    I’m proud of how I made the recipe page fully responsive, ensuring it looks great on all screen sizes. The clean layout and readability improvements also make the user experience better.

    What Would You Do Differently Next Time?

    Next time, I would:

    • Use CSS Grid for better layout control
    • Optimize for even better accessibility (e.g., adding aria-labels)
    • Add interactive elements like a step-by-step timer for cooking instructions
    What challenges did you encounter, and how did you overcome them?

    What Challenges Did You Encounter, and How Did You Overcome Them?

    Challenges:
    1. Making the design fully responsive – The original layout had a fixed width, which caused issues on smaller screens.
    2. Ensuring text readability on all devices – Some text elements were too large on mobile.
    3. Keeping a clean and structured layout – The card needed proper spacing and alignment adjustments.
    How I Overcame Them:
    • Used CSS media queries to adjust styles for different screen sizes.
    • Applied flexible width (max-width: 90%) instead of a fixed width to make the card adapt to different devices.
    • Tweaked font sizes, padding, and margins to maintain a clean and readable layout.
    • Ensured the image scales properly with width: 100% so it doesn't overflow.

    By implementing these fixes, I successfully created a fully responsive and visually appealing recipe page! 🚀

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

    What Specific Areas of Your Project Would You Like Help With?

    Right now, I’m happy with the overall design and responsiveness. However, I’d love feedback on:

    • Accessibility improvements – Are there any best practices I might have missed?
    • Code optimization – Are there better ways to structure my CSS for maintainability?
    • Additional styling ideas – Any suggestions to enhance the visual appeal further?

    Any constructive feedback would be greatly appreciated! 😊

    HTML & CSS Responsive Design CSS Flexbox Shadows & Border Radius

    #node
    1
    Mihail•110
    @Mihail-Krasnoder

    Perfect work. But keep in mind that you need to center it. Try to use display flex and transform properties.

  • Mihail•110
    @Mihail-Krasnoder

    Really amazing work. If I were you, I'd create this buttons using <button> tag instead of <list>.

View more comments