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

HTML/CSS (error to be fixed)

Luckyā€¢ 30

@anupamthe99

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


There is still error .Its my first time uploading in fontend mentor .

Community feedback

spyderā€¢ 315

@ratan17

Posted

you have used vh units everywhere, unnecessary divs to wrap content. avoid setting height use instead padding property with rem values eg ) button{ padding: 1rem; }

Marked as helpful

2

Luckyā€¢ 30

@anupamthe99

Posted

@ratan17 thank you

0
vishal wankhadeā€¢ 495

@Vishal-wankhade

Posted

give the google font link in the html file instead of import , you did not add the given font-family, font-weight to the text ,button bg-color is not white your site is not looking well in mid screen devices hope this is helpful

Marked as helpful

0

Luckyā€¢ 30

@anupamthe99

Posted

@Vishal-wankhade thanks for your suggestion i will fixed it .

0
Ahmed Faisalā€¢ 5,095

@afrussel

Posted

Button is cutting off for big screen. In mobile view boxes are not fit. There is a horizontal scroll here

Marked as helpful

0

Luckyā€¢ 30

@anupamthe99

Posted

@afrussel thanks for your feedback

0
Hafizan Adliā€¢ 1,190

@hafizanadli

Posted

Hello, Here are my suggestions

  • Wrap the suvs, sedans and luxury with a container (e.g., main tag). Set the body min-height to 100vh (use min-height instead of fix height).And you can easily centering the main with flex in body.
  • You don't need to wrap img with div
  • For text you can use p tag instead of div

Great Job!

0

Luckyā€¢ 30

@anupamthe99

Posted

@hafizanadli thanks a lot .Your feedback really help a lot .

1

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