I followed a tutorial to complete this but I am most proud of being able to replicate it myself and not copying line by line
What challenges did you encounter, and how did you overcome them?The positioning of elements and the different colors along the top
What specific areas of your project would you like help with?None
I like the final component and I think I managed to follow the design closely enough.
What challenges did you encounter, and how did you overcome them?The concept of responsive images was new to me and was unsure if I'm doing it right.
What specific areas of your project would you like help with?Nothing specific, but I am open to any suggestions.
most proud of figuring out the solution to position the image differently for desktop and mobile on my own, it was an aha moment :D
What challenges did you encounter, and how did you overcome them?the main take away from this project is how to interact with bullet/number from ul/ol
What specific areas of your project would you like help with?would like to know if there's anything I can do better :D
I make is responsive, checked in my phone and worked as i wanted it to be
What challenges did you encounter, and how did you overcome them?Trying it to make it responsive
What specific areas of your project would you like help with?I really would like some advice on "semantic tags" i did some research but not much. and 2 people already gives me feedback to use semantic tags rather using "div". i do not understand, could i actually replace the div using another tag? like the tag actually have the same function like div? what are the normal website using semantic tags looking like, etc
it looks great
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?am good
I'm proud that I started to learn all this and build again.
What challenges did you encounter, and how did you overcome them?For this card only challenge was to remember again how to write CSS. Started to read again basics and slowly it came back. Going forward there will be more challenging tasks to overcome.
What specific areas of your project would you like help with?At this project there isn't any specific area I need help with.
Lovely design . Is this really your first time working in this
Hi @AbdulRahmanBoyi I just viewed your code on GitHub and I noticed you didn't use grid and flex box . Using grid makes it easy for you to center elements I recommend U learn it if U haven't cause it will make things a lot easier and it is a modern way of efficient structuring
hi kindi the solution you submited does not seem to display the qr image. you should check the <img> tag in your code and ensure that u stated the img location correctly
!fantastic work Pratama i noticed that in your h1 tag if you had used the break tag <br> it would have made your solution appear more similar to the design. for e.g
<h1>Improve your front-end skills by building projects</h1> it would have been better if you did it like this <h1>Improve your front-end <br> skills by building projects</h1>-I feel like I can clean my code up a bit more. For example the fractions of /100, I used seperate selectors for to change the colors. Is there a more efficient way of say changing a few words colors within a <p> element? Or do I just have to use a span and select them? -Also, I have no idea how to format this for mobile yet.
your design looks good, while designing mine i grouped the text and the fraction(81/100) in a seperate paragraph making the colouring of the text much easier by giving them classes. just like u said span also works, the goal is to replicate the design so whatever way you use and u get the result, i think it's fine. regarding the mobile version try using media queries to make ur mobile design responsive. Hope this was helful, and i wish you luck in your learning journey.
