Give me advice on structuring the application, creating design tokens for CSS.
Please give me insights on what i could do better to improve my code
Help me with how to create a mental model on how to structure the elements.
I miscalculated on the time it would take to finish the challenge. My assumption that React will help to reduce the time taken to finish this was wrong. Give me ideas on how to move the quote behind the text element in the first card.
Please review my code and give me insights on how to improve the code. Also give me some tips on code organization, some design pattern to make the code better, etc..
This was actually the first challenge that I took on Frontend Mentor.
I can tell you struggled big time with the layouts. Hahahah!
Like it took me 3 days to figure it out.
But now I'm more confident with it and the other challenges felt easy afterwards.
I guess good practice makes perfect?
I am proud of what I have achieved so far I was able to use:: before and:: after methods at least now I understand what and how it is been used for and when to apply it . I was able to learnt tooltip in the design and it made lots of sense.
What challenges did you encounter, and how did you overcome them?I encountered lots of challenge on javascript because I didn't use jquery to answer I did make enquires on js sheet to call on things when using add event listener. since I used bootstrap positioning outside a card was kind of wired at first but it beginning to make lots of sense now.
What specific areas of your project would you like help with?z-index on my share btn isn't displaying
Hey, the solution looks good, here are a few things that you can improve.
The card does not need a border. Since the background color is different and the card is white, the card is already separated from the background, You can use a box-shadow to make it look elevated.
Instead of using z-index and using the same button, just copy and use that button on the component.
Try to focus a bit more on font-size, padding. Also try to write without using any framework at first, it'll help you a lot.
Made with:
That gsap animation is sick🔥
It was completely horrible, I need to learn the fundamentals of CSS better
What challenges did you encounter, and how did you overcome them?The most difficult was setting the list bulletpoints and numbers which I couldn't do so I gave up.
Also sizing anything was horrible and the responsive is inconsistent.
What specific areas of your project would you like help with?Overall review of my weaknesses, why do I think my code is a pile of garbage.
Why it feels like I don't know CSS.
Hey your solution is good, here are a few things that you can change/improve:
<b> tag as it is not semantic HTML.object-fit: cover or object-fit:contain property on the image element to fit the image inside the container.preperation-block__header class and a few other elements.Other than this, your solution is actually good
display grid
What challenges did you encounter, and how did you overcome them?display grid
What specific areas of your project would you like help with?display grid
Good work, here are a few things you can improve,
Everything else looks good
Not much. I took way too long for such a simple result.
What challenges did you encounter, and how did you overcome them?I was not sure the best option to place the tiles between 2 lines.
What specific areas of your project would you like help with?n/a
Good work and the site looks great, some things that can be improved are,
