AHAMED NAJAH
@najahajaAll solutions
- Submitted 3 months ago
Interactive Rating Component with Real-Time Feedback - HTML, SCSS, and
- HTML
- CSS
- JS
- Submitted 3 months ago
Interactive Tip Calculator
- HTML
- CSS
- JS
I’d like feedback on optimizing the JavaScript code for more efficient tip calculations and ensuring accurate data handling. Additionally, any suggestions on improving the CSS for better cross-device responsiveness and usability would be helpful. Guidance on integrating local storage for saving user inputs would also be valuable.
- Submitted 3 months ago
Time Track Pro: Responsive Activity Dashboard
- HTML
- CSS
- JS
I’d like help with optimizing the JavaScript code for time calculations to ensure accuracy and performance. Additionally, feedback on enhancing the CSS for better responsiveness and visual appeal across various devices would be valuable. Any tips on integrating local storage to persist data would also be appreciated.
- Submitted 3 months ago
Elegant User Profile Display with Hover Animations
- HTML
- CSS
- JS
I'm having trouble with hover effects not applying correctly on my buttons and layout shifting on larger screens. I’ve included the relevant CSS and HTML. Can you help identify and fix these issues?
- Submitted 3 months ago
Flexible Grid System for Multi-Column Layouts
- HTML
- CSS
I would like feedback on optimizing the grid layout for better responsiveness, especially how to ensure items properly align across different screen sizes. Additionally, guidance on improving the accessibility features and enhancing visual hierarchy would be valuable. Any suggestions for refining CSS techniques or layout efficiency are also appreciated.
- Submitted 3 months ago
Custom CSS Grid: Vertical and Horizontal Item Placement
- HTML
- CSS
Solutions for different screen sizes using different CSS code.
- Submitted 3 months ago
Responsive Product Card with Price and Add-to-Cart Button
- HTML
- CSS
I’d appreciate help with a few specific areas of my project. First, I’m looking for advice on optimizing the picture element and source tags to handle responsive images effectively across different desktop resolutions. I also need guidance on ensuring cross-browser compatibility to address any rendering issues in browsers like Chrome, Firefox, and Safari. Additionally, suggestions for enhancing accessibility, such as improving color contrast and making interactive elements fully keyboard-navigable, would be valuable. I’m also interested in strategies for further performance optimization, including minimizing CSS and JavaScript and implementing image lazy loading. Lastly, any tips on managing CSS specificity and improving the organization of my styles for better maintainability would be helpful.
- Submitted 3 months ago
Responsive Recipe Page for Simple Omelette
- HTML
- CSS
I’m looking for guidance on several aspects of my project. Firstly, I’d appreciate advice on optimizing responsiveness across various devices, as I’ve used media queries but feel there might be room for improvement. I’m also seeking confirmation that my @font-face implementation for the "Young Serif" font is correct and whether there are any issues with font loading or fallbacks. Additionally, I’d like suggestions on enhancing the styling and alignment of tables to improve their readability and visual consistency. Any recommendations for boosting accessibility, especially for screen readers and keyboard navigation, would be valuable. Lastly, I’m interested in tips for further organizing and clarifying my CSS and HTML code to maintain a clean and efficient codebase.
- Submitted 3 months ago
Frontend Mentor | Social Links Profile
- HTML
- CSS
I would like help with ensuring that the custom font is applied correctly throughout the project and displays consistently across different devices and browsers. Specifically, I'm looking for feedback on the font's application to ensure it's properly linked and rendered for all text elements. Additionally, I'd appreciate insights into cross-browser compatibility to make sure the font displays well across different browsers. Lastly, I need guidance on how the font scales with the content to maintain a responsive design across various screen sizes. Any feedback on these aspects would be valuable for improving the overall consistency and appearance of my project.
- Submitted 3 months ago
Blog Preview Card HTML & CSS Foundations | Frontend Mentor Challenge
- HTML
- CSS
I would appreciate feedback on several specific areas of my project. Firstly, I’m seeking input on the responsiveness of the blog preview card. I’ve used media queries to adapt the design for various screen sizes, but I’m unsure if there are additional adjustments needed for optimal display across all devices. Additionally, I’ve focused on performance optimization by resizing images and implementing lazy loading. Any suggestions for further improving load times or code efficiency would be valuable. I’m also interested in enhancing accessibility features; if you could review the current implementation and recommend any improvements for better inclusivity, that would be helpful. Finally, I used Flexbox to manage layout and alignment, but I’m looking for advice on refining these aspects, especially to handle varying text lengths more effectively. Your insights into these areas would greatly help in improving the project.
- Submitted 3 months ago
QR Code Component HTML & CSS Solution
- HTML
- CSS
I would appreciate help with a few specific areas of my project. Firstly, I’d like feedback on my use of media queries to ensure effective responsive design across various screen sizes. I'm particularly interested in confirming that my styles for mobile and desktop views are applied correctly and that the layout remains consistent on different devices.
Additionally, I successfully integrated Google Fonts, but I'm curious about best practices for font loading and performance optimization. Any advice on enhancing loading speed or improving font rendering across different browsers would be valuable.
I’m also seeking input on the organization and efficiency of my CSS. Suggestions for making my stylesheet more efficient or improving code readability and maintainability would be helpful.
Ensuring cross-browser compatibility is another area where I need guidance. I would appreciate recommendations on tools or techniques for testing and fixing compatibility issues to ensure a consistent display across major browsers.
Finally, I’d like to enhance the accessibility of my project. Feedback on my use of ARIA roles and properties, as well as any additional accessibility improvements, would help make my site more usable for everyone.
Thank you in advance for any insights or suggestions you can provide on these aspects of my project.