@narahkaruna
Submitted
Hi everyone! This is my solution for the Project Tracking Intro Component.
I struggled with the image. I can't make the cropped image the same on all devices.
How did you handle the image? Did you set the image as a background or set it as a background image using the before or after pseudo element or as an img tag?
Happy to hear advice and feedback
Submitted
Hello everyone. This is my solution for the Testimonials Grid Section
This is my first practice with SASS/SCSS. Took me almost 2 days to complete this challenge. I had to research and learn while building this project. It was all worth it though.
Happy to hear feedback and advice
Submitted
Hello everyone! This is my solution for the Stats Preview Card Component
In the challenge, I used the ::before pseudo element to create an overlay for the header image. I tried to do that directly on the image, but I couldn't achieve my desired result. I read somewhere that you can't use pseudo elements on images that change. So I put the picture element in a div and use the div::before to create an overlay.
I had a hard time making the image big. How do you make the image bigger on desktop?
How did you achieve the overlay in this project?
Happy to hear feedback and advice
Submitted
Hello everyone! This is my solution for the Product Preview Card Component.
In the challenge, I used flexbox for the layout and the <picture> element to make the image responsive on different devices. I tried to make the design as responsive on all devices and as close to the design as possible.
Happy to hear feedback from the community.
Submitted
Hello everyone. This is my solution for the 3 Column Preview Card.
This is a challenging project for me personally. I've used grid css initially to make the layout, but changed to flex instead. With grid, I can't get the divs to align side by side without the spaces.
I tried to make the design as responsive as possible using the device toolbar in developer tools.
Happy to hear feedback and advice.
Submitted
Used BEM naming convention in the project. I've used css grid to make the design responsive on both mobile and desktop.
I welcome feedback from the community.
Submitted
To complete this challenge, I use flexbox and grid. I had a hard time getting the link "change" in the plan to center (vertically) in the grid.
Feedback welcome.
Submitted
This is my first time using the BEM naming convention. Any feedback regarding the name used or any issues with my code will be greatly appreciated.
