Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Landing page using CSS Flexbox

@Lapupeh

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

ramiadi 30

@ramiadi

Posted

Your code is overall well-structured and follows good HTML and CSS practices. It is easy readable.

I have some suggestions to make it a little bit better. Note: this is small things but once you have learnt it, its good for making a website. In the svg element, make sure to put an "alt" attribute in there. This makes the accessibility better.

To ensure that text is more responsive and readable across devices, you can consider using units like rem or em instead px units.

Overall, you are doing a good job with this code! The structure is clean and your use of code is nicely. You have taken care of design elements like alignment, spacing and color, which shows an attention of detail that makes the design well!

0

@PrajulJaggi577

Posted

  1. the font
  2. you can use a uniform padding in <main> and remove the top-padding property in ".card-image"
0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord