@FluffyKas
Posted
Heyo,
Your solution looks really good, sseems pretty close to the original.
Not sure I understand correctly what you're asking here though? You could change change the font-size of your h2. I wouldn't use strong tags ( I noticed you're using them everywhere but I don't think it's very necessary or semantic), you could just set a font-weight on them (I can see that you're importing multiple ones so it shouldn't be a problem).
Another thing: imgs are self closing tags: <img />. Also, I see your images are broken at the moment. In React if you'd like to use an image, you cannot really do that in the regular way (pointing to a relative path in the img src) like you'd do it in a html file, it won't work. You can import your images one by one, like this:
import checkmark from '../../assets/images/icon-checkmark.svg';
const Results = () => {
return (
<main>
//some other code...
<img src={checkmark} alt="" />
</main>
);
};
export default Results;
Not sure how much experience you have, but as @itush said, it's nice to have a solid understanding of the fundamentals before you jump on to React. This project doesn't really call for a framework, it's just making your life harder here. That being said, good job again, the end result is something you should be proud of ^^
Marked as helpful
@itush
Posted
@FluffyKas
Couldn't agree more, starting the fronted development journey without a solid grasp of the fundamental is very risky.