@Michalol94
Latest solutions
Responsive social link profile using angular and flex
Submitted 8 months agoAny feedback is appreciated
Loopstudios landing page solution using SCSS, flexbox, grid
#accessibility#angular#sass/scss#typescriptSubmitted 8 months agoI would appreciate feedback on how to improve the accessibility of my project
NFT-preview-card
#angular#sass/scss#accessibilitySubmitted 10 months agoBasic accessibility features are implemented, but there might be room for improvement.
Hangman game
#angular#sass/scss#typescriptSubmitted 10 months agoWhile I added keyboard navigation, there may be additional accessibility features that could make the game more inclusive, such as ARIA labels, better focus management, and support for screen readers.
I would be happy to get guidance on best practices for accessibility.
Latest comments
- @Amit-R328
Great, actual pixel perfect
- @steffieMDWhat are you most proud of, and what would you do differently next time?
my improved css skill
What challenges did you encounter, and how did you overcome them?developing without the figma file
- @AmirxonEngineer@Amit-R328
Great job!
One suggestion would be to replace the outer <div class="container"> with <section class="container"> to provide semantic meaning, designating the container as a distinct section of your webpage.
maybe also use variables for the colors?
:root { --primary-yellow: #f4d04e; --black: #111; --gray-dark: #6b6b6b; --white: #ffffff; --blue: hsl(228, 45%, 44%); } - @Yago14
Solução criada com Css-flexbox, grid e responsivo e menu JavaScript
#accessibility#cube-css#animation@Amit-R328Very good! The only thing missing is the hover state CSS for the navbar links. You can add this with a simple animation in CSS:
&::after { content: ""; position: relative; display: inline-block; width: 100%; height: 2px; background-color: $White; transform: scale(0); transition: transform 0.3s ease-in-out; transform-origin: right; top: -12px; }Marked as helpful - @BrkCoderWhat are you most proud of, and what would you do differently next time?
I wrote clean code and took into consideration every css line which I wrote and also take into account which html entities to use in the right way.
What challenges did you encounter, and how did you overcome them?responsiveness of website using flexbox
What specific areas of your project would you like help with?css
@Amit-R328Perfect!
but I'm not sure what is the use in: *, *:before, *:after { font-family: inherit; box-sizing: inherit; }
- @kirilzabWhat are you most proud of, and what would you do differently next time?
i'm proud of this work, although it's not very difficult, it's still
What challenges did you encounter, and how did you overcome them?more difficult was to place the view image in the correct position
What specific areas of your project would you like help with?@Amit-R328-Good use of CSS variables for maintaining a consistent color scheme across the project.
-The * selector reset for margin, padding, and box-sizing is a good practice for consistency.
-Media queries are well-used to adjust the card width for mobile views.
Very good
Maybe you can simplify the hover effect by using a single class (.overlay)
