Design comparison
Solution retrospective
While working on this, I learned for the first time about Rules in CSS, specifically, I had to use the font-face rule to define the font families I used in the website. It gives me the idea that CSS Rules are used to make custom values to specific properties, so I will do more research to see it's uses. Also I learned several other ways to centre a div.
What challenges did you encounter, and how did you overcome them?The first challenge I encountered was trying to centre the main light-grey div on the viewport; I knew initially that I could use flexbox to do this, but it wasn't working for some reason. To find other solutions I consulted Youtube.
What specific areas of your project would you like help with?I would like help with the button layout, because I don't believe I went around this in the most efficient way.
Community feedback
- @AdrianoEscarabotePosted 23 days ago
Hi AJsdevs, how are you doing? I really loved the outcome of your project, but I have a few suggestions that I think might be helpful:
You have used <br> , using <br> is not only bad practice, it is problematic for people who navigate with the aid of screen reading technology. Screen readers may announce the presence of the element. This can be a confusing and frustrating experience for the person using the screen reader.
The rest is excellent.
I hope you find it useful. 👍
1@AJsdevsPosted 22 days ago@AdrianoEscarabote i understand what you mean. So what would you suggest I use for separating the buttons to occupy individual rows or lines? I initially made each button have a block display, and I remember it worked in separating them the way i wanted but i decided to use the br instead. Is changing the display to block a better way of solving the problem? which others will you suggest?
0 - @heygauravshuklaPosted 23 days ago
I recommend utilizing anchor tags in place of input buttons for improved functionality and accessibility.
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord