All solutions

Had a bit of a stop start journey with this, having to take time out for paid work. I wanted a way of doing the slide that avoids lost of nested divs. So far I've used an actual slider, but still looking at how to get it to display the min and max correctly.

Hi everyone, this is my first challenge for a while! Any feedback appreciated. I moved the position of the quote mark as I found it made the text harder to read.

Hi everyone, this my first challenge for a while as I changed jobs and things got hectic! I made a few changes to the buttons as I felt the cancel button was harder to see in the original design - which may count as a dark pattern :o

I'm still looking at the background image, any advice on how to get this to cover larger screens without moving the position?

Hi everyone, any comments much appreciated.

Specific questions:

What other methods are there for the larger size layout, apart from grid-template-areas?

What's the best way to approach mid-size devices such as tablets?

Hi everyone,

This is a work in progress, any feedback much appreciated. I'm unsure about the positioning of the boxes, especially the testimonials. Is there a better way than margins?

Tried out CSS variables, a really fun challenge. I wonder if there is a way to style the buttons using less lines of code? Any feedback or comments appreciated.

Hi everyone, any feedback much appreciated. This was my first challenge using grid. The design asked for a hover state to apply to the button, but I used focus as this is better for keyboard users.

Is there a way to simplify the border-radius code I'm using to get the rounded corners?

Any feedback much appreciated. This is a work in progress, so I would specifically ask these questions:

What's the best way to have the image completely cover the purple color?

The design guide specifies Lexend Deca font, but where does this apply? It gives a straight letter t and the design shows t with a tail on all the elements.

This was a fun challenge! Any feedback is appreciated. In particular, is a way to get the text to fit better?

I'm a newbie and picked this as my first challenge. I tried out doing this using rem rather than pixels. All feedback is appreciated.

I also have some specific questions:

1. I tried using CSS grid to center the card both horizontally and vertically. It only centered horizontally so I needed to add in a top margin. What's the best way of achieving vertical centering?

2. I used negative margins to position the larger blue circles as background images. Is there a better way of doing this?

3. There is a blue inner border on the image of Victor, as well as the white solid border I specified. Why is this and how can I remove it?