I have learnt how to dynamically rendered content based over user in react
What challenges did you encounter, and how did you overcome them?I didn't know how to use create data that disappear in react by clicking a button
What specific areas of your project would you like help with?Everything is very good
So...Hi there it's me a jounior web dev : I saw your code AND you DID VERY GOOD JOB with IT , But here is some of my tips : 1 - use a static width with the main card so it does not change it's width every time you click for more info. CSS code :
.main-card{
max-width : 600px;
}
2 - about the toggle text I think the best way for it is the jQuery library I know it is old ,but it is good and still working. 3- another tip for react projects : in a small projects like this one use the cdn for react add them in the head of your HTML that gonna make it easier to upload the code "take a look at this website : https://www.w3schools.com/react/react_getstarted.asp " *- and that is it for now. If you have any other questions dont hesitat to ask a tip.
So...Hey there it is me a jounior web dev. I took a look at your code , but I can say GOOD JOB , here is some tips from a friend : 1- stick to the original colors and design that is provided in the readme-Style.txt. 2 - I think you are still new , but try to add some JS code that gets data from the .json file 3- Try to use Grid rather than flex in designs like this one.
*- and that is it for now. If you have any other questions dont hesitat to ask a tip.
So...Hi there it's me a jounior web dev : I saw your code AND you DID VERY GOOD JOB with IT , But here is some of my tips
1 - make the main pic inside a div and don't make it like a background image : HTML code
<div class = "image-holder">
<img src = "img" alt = "some text">
</div>
CSS code
.image-holder{
width: 100%;
height :100%;
}
.image-holder img{
max-width:100%;
}
That is it for now , and if you want any extra help dont hesitat to ask me for tips .
Gostei de tentar deixar a pagina com interações
What challenges did you encounter, and how did you overcome them?Usar o focus mas entendi e pesquisei sobre, resolvi problemas com o outline
What specific areas of your project would you like help with?tudo que quiser :)
Hi there , This is me jounior web dev
I have some advices for you to advance your coding skills
1 - about the circul you shouldn't let it strech like that you can use static width and hight in CSS like
width:100px ;
height:100px ;
2 - make the whole container smaller so it fits the original design
** that is All I got for now maybe If you want we can be friends in our front end journy **
Hi man try to use width and height instead of padding with the icons
CSS code
icons i{
width:30px;
height:30px;
}
Good Luck
And have a look on my work and give me some tips
any tips for improvement
So... you can increase the width of the description section anyway you want like adding padding about 30px
