@radwaokailySubmitted 4 months ago
Latest solutions
Article-preview-component. responsive. mobile first workflow.
Submitted 5 months agoAny best practices for using JS.
Latest comments
- @Wariz007Submitted 4 months agoWhat are you most proud of, and what would you do differently next time?
I have practiced some HTML and CSS prior to trying any Frontend mentor challenges, so I was very proud my previous practice were helpful in solving this problem.
What I would do differently next time is to not rush into the code, and take a step back to analyse how to solve the solution before writing any code.
What challenges did you encounter, and how did you overcome them?I had trouble getting the qr code not shrinking below a certain width, but then I realized no device exist that will require the design to display at such size so I decided to leave it as it is.
What specific areas of your project would you like help with?Orderliness
- @EKriley-ciSubmitted 4 months ago@SherzodToshpulatovPosted 4 months ago
Looks good! I like loading animation. But when I press the Dismiss message button it does not go back to the main page.
0 - @ariel172Submitted 4 months agoWhat are you most proud of, and what would you do differently next time?
It's always good to finish a project and submit it, but it's even better to submit it on time, next time I'll need less time before submitting the challenge.
What challenges did you encounter, and how did you overcome them?the main problem has been with the css grid, I don't yet know how to use these properties, so I've had problems putting the elements on the left and centering the other two. To overcome these problems, I looked at some people's code to help me. I'm also still having trouble with media queries.
What specific areas of your project would you like help with?I'm still having trouble with flexbox, grid and media squerie, and that's where I need to work on using them better.
@SherzodToshpulatovPosted 4 months agolooks good! I think you should work on elements size. https://flexboxfroggy.com/ exercises to learn flexbox.
Marked as helpful0 - @chenmeisterSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
I am proud of using Vanilla JS to get the tooltip to display on the desktop and mobile designs when share button is clicked. It's been a while since I used vanilla JS to work on webpages as I primarily code in React and TypeScript.
What challenges did you encounter, and how did you overcome them?Some challenges I encountered include getting the design to match the mobile and desktop versions. So far the mobile version is successful. However, the tooltip on the desktop version is not displayed correctly even though it displays to the left of the shared icon when clicked.
What specific areas of your project would you like help with?I would like some help in placing the tooltip above the share icon when page is displayed in desktop version.
@SherzodToshpulatovPosted 5 months agoLooks Good! To place the tooltip you can use CSS positioning like; top 50px; right -100px;
Marked as helpful0 - @hristiqnpetakowSubmitted 5 months ago
