Frontend Mentor | ava-xmas's profile

@Oladapo-cyberSubmitted 4 months ago

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

I had challenges working with and manipulating the images, but getting over that issue and gaining the knowledge on how to go about it in future projects is something I'm proud of.

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

I had challenges with making the images responsive and also challenges with adding media queries to the design as I had first made the desktop design. But going on, I solved the errors one after the other, like using responsive units for the images instead of fixed unit's like pixels. And also making the image stand alone instead of creating a seperate div to hold just the image also helped greatly.

ava-xmas

grid, repeat(), responsive design, flexbox

flexbox, repsonsive design, hover effects

flexbox, z-index, hover effects, position absolute and relative

flexbox, linear-gradient, tweaking, responsive design

grids, responsive design

flexbox, absolute and relative positions

Responsive page using CSS grid

Page responsive with html and css

Created the desktop and mobile designs using css and media queries....

recipe page solution

social links profile solution

blog preview card using flexbox layout