FrontendInterviews.dev

Loading problem…

165. Triangle Shapes

Easy•

Create triangle shapes using CSS border techniques.

⚠️ Do not modify the React component. Only update styles.css.

Requirements

  • Render four triangles: up, down, left, and right
  • All triangles should have the same size
  • All triangles should use the same color
  • Layout should stay clean and readable

Goal

Use border-based CSS triangles with width: 0 and height: 0.

Constraints

  • Do not modify the React component.
  • Only update styles.css
  • Use only CSS (no images or SVG)
  • Triangles should be visible and correctly oriented