Four Card Feature Section using HTML & CSS

Nice one 😀

If you are curious how you can do this straight lines on the top of each card here is my tip:

Create another element in each of the cards. Then position this element absolute. Card should be positioned relative. At the end you need to give this element a height of 3px width of 100% and top 0 and left 0. You can also use ::after or ::before pseudo elements to create these.

Hope you found this comment helpful 💗

Good job and keep going 😁😊😉

To cards supervisor and calculator add {align-self:center;}

Also you can make lines with css without creating elements.

background-image: linear-gradient(to bottom, COLOROFLINE 0%, COLOROFLINE, 5px, COLOROFBACKGROUND 5px, COLOROFBACKGROUND 100%);

Hope you found my comment helpful :)