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

ArticlePreview

Lokesh S 190

@lokesh-weby

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I finished my project after several failures

What challenges did you encounter, and how did you overcome them?

I encountered at positioning the elements

What specific areas of your project would you like help with?

Able to find the width and height

Community feedback

Alejandro 380

@adelayglesiafleitas

Posted

Hello @Lokesh0212004! In advance I apologize for the fact that English is not my native language, look at the challenge, it applies to 2 types of resolutions Mobile: 375px Desktop: 1440px I mean it puts it in the style of the challenge, so your work is oriented towards these 2 resolutions, the first thing I do is the mobile one since there are times when the other one comes out easier since it would be adjusting the long width etc., you can do this do with: @media only screen and (min-width: 1440px) { "code here html" } I hope it is useful to you and in advance excuse my English all the best

0

Lokesh S 190

@lokesh-weby

Posted

@adelayglesiafleitas thank sir.. 👍

0
Alejandro 380

@adelayglesiafleitas

Posted

Hello @Lokesh0212004!

I wanted to congratulate you on your good work. I would recommend using semantics in your HTML code, as this helps search engines better understand the content of your page. For example, you can structure your content using elements like <main> and <section>, which improves the readability and accessibility of your site.

Additionally, I would advise you to check your work at a resolution of 375px. It is a good practice to design first for small resolutions and then scale up, as this ensures that your design looks good on different devices.

I hope these tips are helpful to you. We are here to help each other. Best regards!

I hope this translated version meets your expectations. Let me know if you need any further assistance!

0

Lokesh S 190

@lokesh-weby

Posted

@adelayglesiafleitas Thank for your comment next time I correct this and what is resolution of 375px I cant understand

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