Just a little training.
What challenges did you encounter, and how did you overcome them?None.
What specific areas of your project would you like help with?Nothing special, unless you see something ;)
Congratulations 🎉🎉 on finishing this project. Few suggestions to improve your project.
You have used p tag to design Learn More button. You should go for button or a tag for styling. On this project, a tag is more appropriate for styling learn more.
I have seen a little bug on learn more link. When to put cursor on it, card try to add some space on the bottom. Try to fix it.
Overall good design.
Understood how grids work and how i can play with them using various properties like grid-column-start/end
What challenges did you encounter, and how did you overcome them?The challenge Iam facing now is if i design the desktop layout , i mess up the mobile view and vice-versa , i need to work more on that
What specific areas of your project would you like help with?Which design i should start first mobile or desktop?
Congratulations on completing this project!
I think design mobile first approach is best due to optimization and fast-loading on mobile device. Otherwise its up to your comfort level.
You design strategy is good. As this design shifts cards on desktop and mobile devices a lot, sometimes its a bit tricky to use grid column / grid row . You can also use grid template areas to design these tricky layout with less complication.
All the best.
I faced challenges aligning grid items with grid-row and grid-column properties.
What specific areas of your project would you like help with?I'm open to new approaches and would appreciate any suggestions or improvements to my code. Please let me know.
Congratulations on completing this challenge. Few suggestions to improve your design-
You haven't use svg quote icon on the first testimonial card, try to add that image as background image and position;
For mobile responsive, you have gone for display: flex; but why? Why not stick with display: grid as this challenge is for CSS Grid layout?
Overall good design.
I encountered problem with adjusting/aligning the name and picture on the same line.but by trial and error i worked it out.and also i struggled with adjusting the position of a background image.but eventually figured it out.
What specific areas of your project would you like help with?Full code on review.Let me know what can be cleaned up, better organized, and just all around any detailed suggestions you can possibly leave me with to help make me a better programmer. Thank you for your feedback.
Congrats on completing this challenge. Few suggestions to improve-
section tag for testimonial card which one isn't appropriate; rather use article tag;border-box or content-box;grid-column and grid-row on several media queries which throws error. Try to fix those.Overall good design.
I am most proud my ability to complete the task. I think for next time i can maybe research a more sufficient way of complete the task.
What challenges did you encounter, and how did you overcome them?My challenge was studying up on CSS grid and then playing around with my code to get it working.
What specific areas of your project would you like help with?Any feedback will be appreciated!
Congratulations on completing this challenge. Some tips may help you to brush up this project a bit top notch.
background-position-x: right; for positioning SVG quote image - which is slightly wrong as there is some space on the right according to the reference image. Try to debug it (you can do this too. 😉);Overall good design.
I WAS NOT ABLE TO ALIGN THE ITEMS PIXEL PERFECTLY also its not responsive.
What specific areas of your project would you like help with?How can i align them all the items ? I have hard coded them for now but its not a good practice, and how to make them responsive ?
Oh, sorry to hear that you are struggling with this project. Looks like you are NOT using grid layout with its 100 percent potential. You have used flexbox which is a bit more tricky for this project. I would suggest you to complete this Testimonial Grid Challenge first, understand how CSS grid works and apply on real world projects like this. You will find plenty of free resources available on YouTube about CSS grid layout. All the best for your frontend journey.
Hi FrontEndMentor 🌐Community! I'm Aliya and this is my solution for this challenge:) 😁
What challenges did you encounter, and how did you overcome them?🛠️Built with:
1.HTML5📄 2.CSS3 🏳️🌈 4.SASS🎨 3.BEM NOTATION
What specific areas of your project would you like help with?One more oppertunity to improve my skills,in this challenge i'm used html, css and sass ,mainly used css GRID system for layout & media-queries for responsive desgin.Not shure my approch is correct or not, but it is working.
Thanks, to FEM team ,for helping us to improve skills & gaining knowledege by working on solution to challenges .
I'll be happy to hear any feedback and advices ,Thanks in advance👩🏻💻😃😃.
Great design. Make sure to add logo on <nav> or <header>. Overall good work.
