I couldn't include the two background images
This project was difficult, I think the most difficult, I think because of the grid
I'm proud of the accurate grid section layout.
What challenges did you encounter, and how did you overcome them?Just a little bit of making the exact design like padding stuff etc.
What specific areas of your project would you like help with?Review my code and suggest me where I can improve.
Well This is technically the first React project I dont drop after few days because I hate the framework so there is that (which is how I also discovered how a project goes into production lol)
What challenges did you encounter, and how did you overcome them?Since I'm keeping all the challenges' codebases in a single GitHub repo I've been hosting all the HTML+CSS projects to GitHub Pages from the Main branch, React had been giving me problems so I decided to deploy the build (/dist/) to Vercel, a nice little discovery.
What specific areas of your project would you like help with?I'm not satisfied with the responsiveness of the card on width from around 700 to 1100px, I've used max-width: clamp(90%, 60rem, 42%) on the preview card to try and set the width for both the mobile and desktop layouts so probably I should use different values there (although I don't know what, I know what each params means but I'm still bad at setting min and max values for stuff ;-; )
Also I'm curious to know if I've "correctly" organized the code, I still used a single CSS file because I didnt feel the need to make them separate tbh but I should think about doing that in more complex projects, also I'll try a project that needs JS and use Typescript for that.
It looks great, I think I have to learn a lot, I don't know if there is anything I can contribute to.... he he he
I think using max-width:clamp(90%, 60rem, 42%) for me works well
De la forma en que aplique los estilos.
What challenges did you encounter, and how did you overcome them?Me pareció difícil la aplicación de las media query para adaptar el tamaño de la pagina a la pantalla del dispositivo.
What specific areas of your project would you like help with?Diseño del layout en html
I am proud that I could find a solution for the issues I found during this mini-challenge.
What challenges did you encounter, and how did you overcome them?The one challenge I faced was finding the right dimensions for the elements.
What specific areas of your project would you like help with?Please review my work. Any feedback is welcomed.
hello, nice work, but the Media Query part was missing, to make it responsive like this @media (min-width:376px){ .blog-card{ width: 384px; height: auto; padding: 28px; } best wishes =)
