Mohit kulkarni
@burningbeattleAll solutions
- Submitted 13 days ago
Newsletter-Signup-Form-with-success-message MDN Docs , resource page
- HTML
- CSS
- JS
using of react and next js frame work and achieving this same result and all this is done with normal javascript only.
- Submitted about 1 month ago
Javascript fundamentals Dom & event listners
- HTML
- CSS
- JS
I’d appreciate suggestions on improving the accessibility of the share option and the overall page for users relying on keyboard navigation and screen readers. Although the CSS transitions work well, any advice on optimizing animations for smoother performance, particularly on lower-end devices, would be valuable. Any recommendations on cleaning up or optimizing my CSS and JavaScript structure, especially in handling interactive elements, would be very helpful.
- Submitted about 1 month ago
Testimonials-grid-section css grid section row column layouts
- HTML
- CSS
Cross-browser Compatibility to ensure consistent display. Accessibility Improvements for better screen reader support. Performance Optimization like lazy loading and CSS refinement. CSS Architecture advice on structuring scalable CSS for larger projects.
- Submitted about 1 month ago
Four Card Feature section is build HTML & CSS Flex and Grid Column
- HTML
- CSS
Ensuring that the layout adapts seamlessly to various screen sizes, particularly mobile and tablet views. Using CSS Grid or Flexbox for card positioning. You might want advice on which approach works best for responsive design in this scenario. Making sure the project adheres to accessibility standards (e.g., proper semantic HTML, keyboard navigation, ARIA labels). Ensuring good color contrast and readable fonts. Getting feedback on the chosen font sizes, spacing, and padding for consistency and readability. Improving code organization, such as separating concerns by using BEM methodology, modular CSS, or other best practices.
- Submitted about 1 month ago
media queries , html , css and resourses page of multiple css & html
- HTML
- CSS
Implementing smooth transitions or micro-interactions to enhance user experience. Optimizing the use of JavaScript or CSS animations to ensure they don’t affect performance negatively. Gathering and integrating feedback to better understand how real users interact with the component and identify areas for improvement. If the product card involves dynamic data (like updating price, rating, or availability), handling state management or adding interactive elements (e.g., hover, click events) efficiently can be a challenge. React, Vue.js, or even plain JavaScript. Help with optimizing event listeners, DOM manipulation, or improving performance for animations/interactions would be beneficial.
- Submitted about 2 months ago
Flexbox , responive css, visual-hidden-text , html,css.
- HTML
- CSS
I’d like help with improving the performance of the card’s image load times, particularly for slower networks. Guidance on optimizing image formats and how to implement lazy loading would be helpful. Additionally, I'd appreciate some advice on best practices for accessibility, especially in terms of making sure the card is fully navigable and readable for screen readers.
- Submitted about 2 months ago
div container , card, card-image , google fonts
- HTML
- CSS
Adding animations or interactive elements that enhance user experience. Suggestions for CSS animations or JavaScript libraries to create smooth and engaging effects. Identifying and fixing bugs or issues in the component. Techniques for debugging in different browsers and using testing tools.
- Submitted about 2 months ago
Social links profile I have used many of resources online used google
- HTML
- CSS
I would really appreciate feedback and guidance on the following areas of my "Social Profile Link" project:
Responsiveness Optimization: While the project is responsive across different screen sizes, I would love advice on how to further refine the layout for better fluidity and visual balance, especially between tablet and desktop breakpoints. Are there any best practices for handling more complex layouts without relying on too many media queries?
Accessibility: I’ve implemented some accessibility features, but I’m not sure if I’ve fully optimized the project for screen readers and keyboard navigation. Could you review my use of ARIA attributes and suggest any improvements? Are there better techniques to ensure the social profile links are accessible for users with disabilities?
Code Efficiency: My current CSS file has several repeated styles, and I feel like the code could be more maintainable and efficient. How could I better organize and reuse styles? Would using CSS variables or a preprocessor (like SASS) improve the structure and reduce redundancy?
Hover and Focus States: I’ve added hover effects for the social icons, but I’m unsure if they are consistent and smooth across all devices and browsers. How can I ensure that hover and focus states look professional and work well on both desktop and mobile?
Performance: I’d love some suggestions for improving overall page performance, especially regarding image optimization and minifying CSS/JavaScript. Are there any tools or techniques I can implement to make the page load faster without sacrificing design quality?
- Submitted 3 months ago
Responsive landing page using html & css
- HTML
- CSS
Ensuring the design looked consistent across different browsers. Implementing robust form validation for different input scenarios. Conducted thorough research on browser-specific CSS hacks and tested extensively on multiple browsers. Utilized libraries like Formik for handling form validation efficiently. Looking for advice on advanced CSS features that can enhance performance. Tips on optimizing JavaScript for better load times and interactivity.