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 site using scss and js

@kevin344k

Desktop design screenshot for the Blogr landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please, we need u feedback.

Community feedback

@matiasluduena23

Posted

Hi Kevin! Good work! This challenge is a little tricky with the images.

  • It is good practice to use a wrapper class to center your content, this might help you.
  • On elements you want to make responsive, try to avoid border radius with percentage, use px. I tried 70px and it looks good in your sections.
  • You can try the positioning of your images without position: absolute, try this in your:

div-group_image class remove overflow:hidden

on you img remove all(position absolute, top , width,aspec) and add scale: 200%; this will scale you image, play with this number in percentage so it will grow with the vieport width

and in your section add gap: 2rem;

hope this help you!

Good code!!!

Marked as helpful

0

@kevin344k

Posted

ohh thanks @matiasluduena23, I try it.

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