Ajaya-Rajbhandari
@Ajaya-RajbhandariAll solutions
- Submitted about 1 month ago
Faq-Accordion
- HTML
- CSS
- JS
Issues I’m Facing
- Accessibility Concerns:
- ARIA Hidden Elements: I need to ensure that elements with aria-hidden="true" are not focusable and do not contain focusable elements.
- Main Landmark: The document should have one main landmark to improve accessibility.
- Functionality:
- Independent Toggle: Each question should toggle its answer independently without affecting the visibility of other answers.
- Button Visibility: The toggle button should remain visible at all times, and clicking it should only affect the visibility of the corresponding answer.
- Submitted about 2 months ago
Testimonials Grid Section Solution
- HTML
- CSS
In my desktop version, My card is not occupying the space it was meant to occupy.
- Submitted about 2 months ago
Four-Card-Features-section
- HTML
- CSS
** To use grid and flex display layout.
- Submitted about 2 months ago
Responsive 3 Column preview card
- HTML
- CSS
Mobile first Approach Design Responsive Desing
- Submitted 2 months ago
Product Preview Card
- HTML
- CSS
-I want to focus on exploring more accessibility techniques, such as ARIA attributes, screen reader compatibility, and keyboard navigation.
-I aim to improve my understanding of React hooks, particularly the use of
useState
anduseEffect
to manage component state and side effects.-I plan to dive deeper into CSS preprocessors like Sass or Less to enhance my styling capabilities and write more efficient, modular CSS code.
-I will continue to practice building responsive UI components using CSS Grid and Flexbox, ensuring my layouts adapt seamlessly to various screen sizes and devices.
- Submitted 2 months ago
Result Summary Componenet
- HTML
- CSS
I would like to get help on following topics:
- Consistency in naming conventions for classes and variables
- Adding more comments to explain the purpose of each section and design decisions
- Improving accessibility features, such as color contrast and ARIA attributes
- Refining the responsive design for mobile devices
- Optimizing the code for better performance and maintainability
- Submitted 2 months ago
Omelette Recipe design
- HTML
- CSS
I have use same code repeatedly in css. for example changing the color, font-size of the element in each element css.
- Submitted 3 months ago
Responsive QR Code image for the text frontendmentor
- HTML
- CSS
I was having trouble to make the page responsive, and i think about not knowing much of css. So I want to improve in css flexbox, grid, margin, and dimension like px, %, em etc.