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

Insure - Responsive Home Page

#accessibility
P
Pablo Dettori• 710

@p4bloxx

Desktop design screenshot for the Insure landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


hi everyone, in this challenge I continued learning modern and consolidated layout techniques such as the Flexbox, which I used for most of the visual blocks, and the custom properties to speed up the work; For the rest I have not encountered many difficulties.

Do you have any advice regarding the construction of the layout? or do you have any advice about writing or organizing the code?

Any comments or constructive criticisms are welcome, tell me what you think;)

Community feedback

David• 8,000

@DavidMorgade

Posted

Hello Pablo, congrats on getting the solution for this challenge!

In my opinion your layout looks perfect, nice use of flex-box everywhere, you did a pretty good job with that.

The only things I would change would probably the main tag, instead of having it separated through divs you could perfectly go for two section!

Also the sub-sections are related each one wich its content, they would fit perfectly on an article tag.

Good job with the rest of the markup, also nice job with the transitions (people usually don't add them, dunno why).

Hope my feedback helps you, I suggest you to go for bigger CSS projects as challenges!

Marked as helpful

0

P
Pablo Dettori• 710

@p4bloxx

Posted

@DavidMorgade Hi David, many thanks for this super constructive comment, you are right about the use of semantic tags, I have to be more careful in the structure phase.

Thanks also for the transition issue, I always like to give a little personal touch in challenges;)

I am working on some more demanding challenges, first of all the one on the space agency, I hope it goes well.

Cheers

0
David• 8,000

@DavidMorgade

Posted

@p4bloxx The space tourism challenge is a really good challenge to work in your CSS and in your JS too, nice choice! and good luck with it!

0
P
Pablo Dettori• 710

@p4bloxx

Posted

@DavidMorgade many thanks! ;)

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