@Rahulgit3D2Y
Latest solutions
article page with basic javascript
#sass/scssSubmitted 19 days agoI'd like help in the JavaScript section on what I should keep in mind before getting started, how I can improve the code, or how to implement best practices. If you see an error or an improvement in another section, that's also welcome.
testimonials page with Grid
#sass/scssSubmitted about 2 months agoI would like help or advice on the structure and implementation of Sass to maintain good practices, although if you have advice in another area, it is also welcome.
Cards page using Grid
#sass/scssSubmitted 3 months agoI would like help with the structure and advice on how to better use Sass or SCSS, but if you see that you can give feedback on another area that needs improvement, it is welcome.
product page with @media and rem
Submitted 4 months agoI would like some advice on the area where I change the image on my mobile to know if there is a better practice and to know when I should use rem or em.
Recipe page with flex and @media
Submitted 4 months agoI would like to receive recommendations in the area of lists to be able to apply the design in the CSS but also the correct way to use them, if you have other advice it is welcome
social page with max-width
Submitted 4 months agoI would like to receive feedback on the use of max-width or min-width and also how to remove the url line and set the assigned color.
Latest comments
- @AngieLi98
Some tips to improve your HTML include replacing divs with semantic HTML, such as <main> <section><article> , among others, to define the meaning of a web page's content. Here's an example of how you can improve your code:
<body> <main class="cards"> <article class=card1"> <section> <img src="./images/..." alt=""> <div> <h2> <p> </div> </section> <h3> <p> </article> <article class=card2"> So on until finished </main> </body>If you're using a preprocessor like Sass, edit the code from there. Some tips to improve the design include adjusting the font size and color of the H2, and adding a border to the avatar image. For the image and description section, you can make these changes in the HTML:
<section> <img src="./images/..." alt=""> <div> <h2> <p> </div> </section> So, in the SCSS or CSS you're working on, you can do something like this: section { display: flex; align-items: center; gap: 1rem; } to make it look more like the image. - @DevvMarkoWhat are you most proud of, and what would you do differently next time?
I'm most proud of how SASS has made my work a lot easier and how Grid allows me to fit elements effectively.
What challenges did you encounter, and how did you overcome them?The biggest problem I had was with the middle column in the grid, where the space between the cards was too large. I used a CSS Grid generator to visualize the layout I wanted, and after examining the generated code, I was able to fix my own implementation.
@AngieLi98A tip to improve semantic HTML is that the <main> extends from the beginning before the h1. You can divide the title and paragraph sections and the cards section with <section> and each card section with <article>.
- @NitiemaAllassane@AngieLi98
Tienes un codigo con una buena estructura y un buen manejo del tailwind, lo unico que veo para corregir seria con el HTML semantico es vez <div> puedes cambiarlo por <section> o <article> ya que estan indican a los navegadores como a los desarrolladores sobre el tipo de contenido.
Marked as helpful - @Bloxer58What are you most proud of, and what would you do differently next time?
I'm happy that I learned new things like table ul, li
What challenges did you encounter, and how did you overcome them?The biggest problem was main positioning. At first everything was good but after some time div was "escaping" to the top and It was dissapearing into search bar. I had to change almost all of main CSS layouts to change it.
@AngieLi98A tip in CSS is that at the beginning it is a * between {} place * {margin: 0; padding: 0; box-sizing: border-box; } this will remove the parameters that you have predetermined and only the elements that you determine remain and without these they are mixed
- P@MihailoSparic01@AngieLi98
My recommendation would be to use semantic HTML instead of div you can use article, I think it is not necessary to use main and finally in CSS instead of html use body so that it is not confused with something else
- @dineo-matlaWhat are you most proud of, and what would you do differently next time?
I've been working with developer tools and have gained a better understanding of how to utilize them effectively. I've learned how to inspect and manipulate HTML elements, and test responsive designs. This experience has improved my ability to identify and resolve issues, and has also given me a deeper understanding of how web applications are structured. I'm looking forward to applying these skills to future projects and continuing to refine my workflow.
@AngieLi98The CSS code is well structured but the HTML code can be improved by changing to semantic HTML for better understanding and you can use the @media that allows you to make changes in design when changing screens such as mobile.
