Skip to content
OverviewSolutions
10
Comments
5
Tarek Gawish
@TarekGawish1

All comments

  • Tarek Gawish•150
    @TarekGawish1Posted 4 months ago

    Great job! Keep up the good work!

    Marked as helpful
    0
  • Tarek Gawish•150
    @TarekGawish1Posted 4 months ago

    Hi Tevfik Kaya, good job, but you want to learn some concepts to reach the design, like -variables -line height property -margin between elements -more solid knowledge about flex -make your CSS code more organized and readable.

    you can also try this in the body selector

    justify-content: center;
align-items: center;
height: 100vh```
    0
  • Tarek Gawish•150
    @TarekGawish1Posted 5 months ago

    Great work.

    0
  • Tarek Gawish•150
    @TarekGawish1Posted 5 months ago

    Hi Divyanshu Tiwari,

    I've reviewed your Blog preview card, and it's a great start! The overall layout and color scheme are visually appealing. Here are a few suggestions to help you enhance your HTML and CSS skills further:

    Semantic HTML:

    Ensure that you're using the appropriate semantic tags to improve accessibility and SEO. For example, instead of using a div for the card, consider using an article or section tag. CSS Best Practices:

    Try to use CSS Grid or Flexbox for layout management. They offer more flexibility and are easier to maintain than traditional float-based layouts. Use a CSS reset or normalize to ensure consistency across different browsers. Responsiveness:

    Make sure your design is responsive and looks good on different screen sizes. You can use media queries to adjust styles for various devices. Consistent Spacing and Alignment:

    Pay attention to the spacing and alignment of elements. Consistent padding and margins can make the design look more professional. Typography:

    Consider using web-safe fonts and ensure the text is readable on different screen resolutions. You might also want to play around with font sizes, weights, and line heights to improve readability. Advanced CSS Features:

    Explore using CSS variables for maintaining consistent color schemes and other repetitive values. Learn about CSS animations and transitions to add subtle effects that enhance the user experience. Code Organization:

    Keep your CSS organized by using methodologies like BEM (Block Element Modifier) to make your code more maintainable. Separate your CSS into different files if it grows large, organizing it by component or functionality. Browser DevTools:

    Utilize browser developer tools to debug and optimize your CSS and HTML. They are incredibly powerful for identifying and fixing issues. Great work on your current design, and I’m excited to see how you can take it to the next level with these tips. Keep up the good work!

    0
  • Tarek Gawish•150
    @TarekGawish1Posted 5 months ago

    excellent job, but the border radius of an image is 10px not 26px.

    Marked as helpful
    0