@AmneisaOB
Latest solutions
article component slution
Submitted 8 months agoI would appreciate help with my getting better on Javascript, any recommendations on practical hands on tutorial or useful books. I woul also appreciate corrections on best way to style the bottom div
product-preview-card
#accessibilitySubmitted 10 months agoAny suggestion on ways to improve particularly on the usage f media queries
Social links profile page
#accessibilitySubmitted 11 months agoI am not a pro user, so I did not have access to the design file. So I would appreciate any feedback that would help me achieve precision
Latest comments
- @Sumta4real
Page is highly responsive and accurate
- @EAguayodevWhat are you most proud of, and what would you do differently next time?
I did this project two years ago, and I would say after looking over my code that I approached, I did well in understanding how to implement a CSS grid with the challenge.
What challenges did you encounter, and how did you overcome them?I vividly remember having to overcome getting the right font size correctly back when I did this challenge and setting the grid right back then.
What specific areas of your project would you like help with?Feel free for anyone around to give feedback on the design and how it came out on multiple devices and browsers.
@Sumta4realYou need to work on your spacing as your styling, particularly spacing using margin and padding does not fit perfectly to the design
Marked as helpful - @zmora2622What specific areas of your project would you like help with?
I still need help with accessibility and HTML semantics. I was trying to create something like fluid containers with as little use of media queries as possible focusing on clamp. I have created my own template in excel for this need, which once entered the minimum and maximum size and the breakpoint where the increase or decrease should start and at what size it should end. It would also be useful to help organise the variables.
@Sumta4realWow! This is a brilliant Job.
- @kassahunAmdieWhat are you most proud of, and what would you do differently next time?
I am proud of getting close to my estimate regarding how long it would take me to complete the challenge. I am still off by a couple of hours almost. But considering the progress I made with the challenges I have completed so far, in my book, this is well done. I will keep working on this suggested foreplan by Frontend Mentor.
What challenges did you encounter, and how did you overcome them?Working with the pseudo element for the shopping cart icon at first gave me the run around. After pouring over in the MDN Web docs I was able to solve the problem. I used positioning at first that made the icon invisible. The lesson I learned is not to over complicate my approach. Sometimes the simplest solution gives the most elegant result.
@Sumta4realWell done! Good Job
- @Rutwik8257@Sumta4real
Well done! I can't seem to access your code, so I might not be as specific in my suggestions as I would have wanted. Below are my observations
- Your content is not vertically aligned, you can try adding margin-top and bottom as 8% each to the div housing all your contents.
- Your ordered list marker should be bold. Add font-weight as bold. Use the ::marker pseudo-code
- the heading of each section should be in brown color not black. You can assign the same class to all the headings and style all using the class name in your css file 4.Also consider using section tag instead of div tags
- Also don't assign height to the div housing all your contents.
- Consider putting your attrition class in a footer tag and styling it as a fixed footer. You can do this by setting position as fixed and bottom property as 0 and set the text-align property as center.
I hope you find this helpful and I wish you the very best
- @Cxx-mlrWhat are you most proud of, and what would you do differently next time?
I'm proud of how quickly I got this done and happy with how it turned out.
What challenges did you encounter, and how did you overcome them?One big challenge was dealing with the default styles on elements like
What specific areas of your project would you like help with?address,figure,ul,a, andq, which come with things like margins and underlines that I didn't need. I had to look up how to reset these defaults.I’m open to any constructive feedback or suggestions.
@Sumta4realWell done Dev! I am impressed with your solution. Its near perfection
